App和h5的小知识

Posted 2023-05-06

参考技术A 当app需要h5页面的时候，作为前端开发的我们不管是用原声js还是使用框架Vue、React，我们都只是给app提供一个页面而已。

一、当app只需要h5做展示的时候，我们就是写一个页面给他们就行了，非常容易。（注意做好兼容）

二、当app需要捕获h5获取的数据的时候，也很容易

      例如：支付页面是h5

                支付方式有三种：1、微信  ；2、支付宝；3:分期付款；

微信、支付宝需要调取原声app，分期是h5操作；

这个时候我们就在确认支付的以后在window上绑上payType就行了，app可以获取window；

三、当h5需要app数据的时候，最简单的方式就是app通过webView把h5需要的数据埋在cookie中；

但h5获取数据的时候直接在cookie中取就行了

export function getCookie(name)

  const reg = new RegExp(`(^| )$name=([^;]*)(;|$)`);

  const arr = document.cookie.match(reg);

   if (arr)

        return arr[2];

    

     return null;

 

当iOS和Android方式不同意的时候我们需要判断系统；

const u = navigator.userAgent;

         app = navigator.appVersion;

         var isAndroid = u.indexOf('Android') > -1 || u.indexOf('Linux') > -1; //android终端或者uc浏览器

        const isiOS = !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/); // ios终端

根据不同的系统各自处理；

附近的小程序知识盘点

说起附近小程序，大家可能还不太了解。下面木鱼小铺就和大家分享一下附近的小程序小知识点，希望对大家有所帮助！

1.什么是附近的小程序

商家可以在小程序管理后台里添加地点，当用户在该地点周围，就能搜索到你的小程序，并且能够使用小程序提供的服务。

2.开通附近的小程序条件

①开通类型 ： 企业、媒体、政府以及其他组织的公众号和小程序使用“附近的小程序”功能，个人小程序不能使用附近的小程序功能。
②门店地点要求 ： 地点的主体需要跟小程序账号主体保持一致，开通的时候需要提供经营资质信息，如营业执照或组织机构代码证等。

3.如何开通附近的小程序功能

①登录小程序

②进入“附近的小程序”页面

③添加附近的小程序

④填写营业执照等相关信息，最好提交

4.附近的小程序注意事项

①一个小程序只能添加10个地点。

②调高地址额度没有限制

③在小程序后台里添加地点审核通过之后，不需要操作。小程序会自动在你设置的地点里进行展示。

④一个经营资质只能添加一个地点，一个地点只能展示一个小程序。

⑤如果你设置的地点已经别其他家的添加了，展示的是别人家的小程序，你的小程序没有办法再展示的话，系统会有一个提示“请先取消展示”。你先把展示中的小程序先取消掉，再操作你要展示的小程序。如果发现地点还是被占用了，你可以发邮件到[e-mail]投诉。

通过上述对附近的小程序的基本知识的介绍，相信大家对附近的小程序有了一个大致的了解。