uniapp——ios端和android端微信分享,通过打开appStore和应用宝商店下载

前提app的ios端和android端已经上架到appStore和应用宝商店

打开应用宝应用市场官方网址 https://webcdn.m.qq/webapp/homepage/index.html#/

在搜索框中搜索app应用名称 找到app点击进入

当前页面的链接就是后面要通过微信分享跳转到应用宝下载app的链接 保存

以上为android步骤  接下来是ios的步骤

ios端的微信分享需要获取到appid

http://itunes.apple/app/xxxxx?mt=8  这个地址在微信内置浏览器中可跳转 到appStore下载app  xxxxx为appid  

在ios开发者中心获取APPID  官方网址 : https://developer.apple/account 

找到我的app点击

查看AppID

 把两个下载地址获取到后 开始实现

我先做了一个中间下载页

我的项目是通过h5实现的

在h5端里写的代码如下:

首先引入了封装好的代码 ios 和 android 端代码

export function getMobileSys() {
  //判断是ios端还是android端
  var userAgent = navigator.userAgent;
  var isAndroid = userAgent.indexOf('Android')>-1||userAgent.indexOf('Adr')>-1;//android终端
  var isIOS = !!userAgent.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/); //ios终端
  //false为android终端
  //true为ios终端
  if(isAndroid){
    //是安卓手机
    return 'Android';
  }else if(isIOS){
    //是ios手机
    return 'IOS';
  }
}

 在中间页中引入封装好的代码

import * as utils from "../../util/runEnvironment";

 在触发的按钮进行判断

 在uniapp里微信分享需要勾选app模块配置里的微信分享

uniapp才能调用微信SDK  而且必须真机调试(切记)

 uniapp 官方教程链接 ：分享 | uni-app官网

在uniapp里创建一个页面接受h5端传过来的参数  怎么写根据自己的项目进行分析

然后把uniapp分享代码根据自己的需求 进行调用

在h5端引入 uni.webview.1.5.3.js

具体可参考 uniapp官方链接 : web-view | uni-app官网

使用以下代码进行跳转到uniapp页面

uni.navigateTo({
          url:
            "/pages/share/share?shareType=" + option.shareType,
  });

在uniapp端进行判断调用以下代码

分享到微信聊天界面示例代码

 在href 属性上 写上你服务器上跳转的下载中间页

分享到微信朋友圈示例代码

在href 属性上 写上你服务器上跳转的下载中间页

最后实现结果

android微信分享成功页面

ios微信分享成功跳转appStore