Question

App和h5的小知识

Answer 1

当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终端

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