unipp框架开发的app跳转至小程序页面

发布时间 2024-01-12 15:01:13作者: 前端小白大宝

需求:app分享到微信,微信点击进入小程序指定页面

1.配置

  • 项目manifest.json>模块配置>Share>微信分享勾选上,并填写appid

2.调用uniapp的api

  官方api  https://uniapp.dcloud.net.cn/api/plugins/share.html#share

uni.share({
    provider: 'weixin',  // 分享服务提供商(weixin|qq|sinaweibo)
    scene: "WXSceneSession",  // 场景:WXSceneSession分享到聊天界面,WXSceneTimeline分享到朋友圈,WXSceneFavorite分享到微信收藏
    type: 5, // 分享类型 5小程序
    imageUrl: 'https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/share-logo@3.png', // 图片地址
    title: '欢迎体验uniapp', // 分享内容的标题
    miniProgram: { // 分享小程序必要参数
        id: 'gh_abcdefg', // 微信小程序原始id,注意是原始id不是小程序id,小程序id往下翻翻就找到了
        path: 'pages/index/index', // 点击链接进入的页面
        type: 0, // 微信小程序版本类型,可取值: 0-正式版; 1-测试版; 2-体验版。 默认值为0。
        webUrl: 'http://uniapp.dcloud.io' // 兼容低版本的网页链接
    },
    success: ret => {
        console.log(JSON.stringify(ret));
    }
});

3.如出现报错:{"errMsg":"share:fail [Share微信分享:-6]send, http://ask.dcloud.net.cn/article/287","errCode":-100,"code":-100} 很可能是miniProgram中id填写错误,写的不是原始id

4.目前为止是可以分享到微信的,但打不开小程序指定页面,因为没有在微信开放平台(不是微信公众平台)绑定应用和小程序,由于公司没有强烈需求要做,也就没做微信开放平台认证,搜集了一番经验,存一下吧

  • 使用uni-app框架在APP端分享到微信首先需要在微信开放平台审核你的应用并配置好私钥MD5值,MD5值必须得没有冒号的全小写,跟打包的证书签名一致(去掉冒号转小写即可)。然后在打包文件配置微信开放平台申请的APPID,即可打通分享。如果是要分享到小程序页面,则需要在开放平台关联小程序的原始id。然后再调用api即可。

  • 参考来源: https://www.cnblogs.com/mihuk/p/15561164.html
  • MD5获取参考: https://blog.csdn.net/zz00008888/article/details/126971800

5.只是需要跳转到小程序主页,并非指定页面也可用该方式