微信

依赖或集成时

在package.json 中集成 weixin-js-sdk
在需要使用的地方引入

import wx from 'weixin-js-sdk';

判断是否微信

isWeiXin() {
    var ua = window.navigator.userAgent.toLowerCase();
    if (ua.match(/MicroMessenger/i) == "micromessenger") {
        return true;
    } else {
    return false;
    }
}

如果是微信环境--判断是不是微信小程序

if (this.isWeiXin()) {
    // 判断是否运行在微信小程序环境里
    wx.miniProgram.getEnv(function(res) { 
     // 传值
     wx.miniProgram.postMessage({ data: {foo: res} });
     // 跳转
     // wx.miniProgram.switchTab({url: '/pages/purchase/index'});
    });
}

支付宝

依赖或集成时，与微信的集成和引入功能一样，因为支付宝没有本地sdk可以使用
在index.html文件中，body内添加以下代码：

   <script>
      if (navigator.userAgent.indexOf('AlipayClient') > -1) {
        document.writeln('<script src="https://appx/web-view.min.js"' + '>' + '<' + '/' + 'script>');
      }
    </script>

判断是否支付宝

isAlipay(){
    var ua = window.navigator.userAgent.toLowerCase();
    if (ua.match(/AlipayClient/i) == "alipayclient") {
    return true;
    }else{
    return false;
    }
}

如果是支付宝环境--判断是不是支付宝小程序

if (this.isAlipay()) {
    // 判断是否运行在支付宝小程序环境里
    my.getEnv(function(res) {
    my.postMessage({data: res});
  });
}