uniapp 应用APP跳转微信小程序

这篇具有很好参考价值的文章主要介绍了uniapp 应用APP跳转微信小程序。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

        最近APP项目开发完成,在评审会上老板提了一个需求,想在开发的APP上添加一个链接,可以跳转公司的小程序商城。        

        原以为会很复杂,结果只有短短的几行代码。

        plus.share.getServices(function(res){
               var sweixin = null;  
               for(var i=0;i<res.length;i++){  
                     var t = res[i];  
                     if(t.id == 'weixin'){  
                           sweixin = t;  
                     }  
               }  
               if(sweixin){  
                     sweixin.launchMiniProgram({  
                            id: 'gh_8888888',  //这里写你的小程序原始id(以gh开头)
                            type: 0,//这里是不同的环境(默认0)
                            path:'/pages/shop/index?storeId=123456'//这里是指定页的路径,如需传参直接字符串拼接(首页可以省略)
                     });  
               }  
      },function(res){  
              console.log(JSON.stringify(res));  
     });

代码加上后,用真机运行了一遍,完美的跳转到目标小程序,竟然如此顺利。开心打包,准备结项。然后发现Manifest.json报错,无法打包

uniapp 应用APP跳转微信小程序

经检查后发现是mainfest.json文件下App模块配置中Share(分享)内ios平台通用链接(Universal Links)不能为空

uniapp 应用APP跳转微信小程序

我们来配置一下,点击参考文档,按照给出的步骤配置生成Universal Links,一共三步。 

参考文档:uni-app官网

开通云服务空间和前端网页托管:开通uniCloud(阿里云版)云服务空间和开通前端网页托管 - DCloud问答

uniapp 应用APP跳转微信小程序

当完成前两步后,点击自动生成按钮,按提示就可生成自己的Universal Links

uniapp 应用APP跳转微信小程序

接下来进行第三步,将Universal Links配置到微信开放平台。

登陆微信开放平台,在移动应用模块,创建移动应用

微信开放平台:微信开放平台

uniapp 应用APP跳转微信小程序

------------------------------------------------------------分割线------------------------------------------------------------

uniapp 应用APP跳转微信小程序

------------------------------------------------------------分割线------------------------------------------------------------

uniapp 应用APP跳转微信小程序

uniapp 应用APP跳转微信小程序

在android应用中,应用签名就是我们生成证书时,证书中的MD5,当然,此处要把MD5签名中的“:”去掉,然后大写字母换成小写。比如:

MD5为:18:12:66:53:D0:E2:89:95:5A;F1:6F:45:EE:FA:2C:48

应用签名就是:18126653d0e289955af16f45eefa2c48

查询指令为:keytool -list -v - keystore xxx.keystore

uniapp 应用APP跳转微信小程序

此处,有些小伙伴查询时只有SHA1和SHA256,没有MD5。那是因为SDK版本的问题,高版本的摒弃了MD5,请下载较低版本,进行查询。我用的是:jre1.8.0_71

全部填写完成后,提交审核,审核通过后,就有了移动应用跳转小程序的权限

uniapp 应用APP跳转微信小程序

此时,打包app,跳转小程序,如果返回弹窗“bad_param ,那是因为manifest.json中Share(分享)中的appid写错了,要写在微信开发平台中创建应用的appid:

uniapp 应用APP跳转微信小程序

此时,打包app,跳转小程序,如果返回弹窗“has_no_permisson”,那是因为你的微信开发平台账号没有进行认证,必须进行企业认证后才可以使用

uniapp 应用APP跳转微信小程序

认证需要缴300大洋,并且进行企业打款认证。当企业信息审核完,公司账户打款认证之前,会有审核专员给你打电话确认,记住这个手机号,后面有用。另再公司打款认证之前会有一个审核充填按钮,里面让上传文件。别点,不用管它,不需要操作。当你完成打款认证后,需要告诉审核专员,就是那个手机号,Call her。她会问你公司名,然后给你发布认证,认证通过后就可以跳转小程序啦

这个功能做下来遇到了各种各样的坑,磕磕绊绊忙活了将近一周,从网上找解决方案也都不是很全,东拼西凑实在难受。自己整理一版比较完整的方案,记录了我遇到的各种坑和解决方案。应该有和我一样初次接触的小伙伴,所以说的比较详细,大神不要嫌我啰嗦,希望可以帮到大家文章来源地址https://www.toymoban.com/news/detail-485796.html

到了这里,关于uniapp 应用APP跳转微信小程序的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • APP 跳转微信小程序和回调

    在同一开放平台账号下的移动应用及小程序无需关联即可完成跳转,非同一开放平台账号下的小程序需与移动应用(APP)成功关联后才支持跳转。 可在“管理中心-移动应用-应用详情-关联小程序信息”,为通过审核的移动应用发起关联小程序操作。 App打开下程序有两种方式

    2023年04月09日
    浏览(68)
  • uniApp配置微信分享 uniApp跳转微信小程序

    最近在做uniApp时需要跳转微信小程序进行支付,以为和跳转支付宝小程序支付一样简单结果让我发狂,跳转微信代码其实很简单就是下面这一段,但是要配置一大推东西 提示:plus为App端默认的系统参数,不用引入或者其他操作            ios跳转跳转微信小程序还需要配置

    2024年02月09日
    浏览(63)
  • uniapp webview H5跳转微信小程序

    第一步:manifest.json 第二步:index.html 第三步 H5跳转微信小程序代码

    2024年02月10日
    浏览(60)
  • uniapp微信公众号(h5)端跳转微信小程序

    !!!不是微信公众号菜单跳转小程序 微信公众号菜单跳转小程序:公众号和小程序相互关联,在公众号的自定义菜单中配置即可 1、 绑定域名  2、安装依赖 jweixin-module 3、 引入挂载 !!!main.js引入挂载 !!!单页面引入挂载 4、 通过 config 接口注入权限验证配置(需要后

    2024年02月13日
    浏览(128)
  • uniapp h5跳转微信小程序(wx-open-launch-weapp)

    目录 一、注意事项 二、使用步骤   三、调整样式 微信版本要求为:7.0.12及以上 系统版本要求为:iOS 10.3及以上、Android 5.0及以上 已认证的服务号 ,服务号绑定“JS接口安全域名”下的网页可使用此标签跳转任意合法合规的小程序。 已认证的非个人主体的小程序,使用小程

    2024年02月02日
    浏览(55)
  • uniapp开发的App(安卓)端跳转uniapp微信小程序

    本文总结两种跳转方法:!!!适合自己的才是最好的         !   小程序的 URL Scheme           !! 小程序的 URL Link    代码实现: !!!切记本案例是前端调用,应该让后端封装调用(为了安全考虑) 以上可以拿到小程序的两种URL 链接 vebView页面代码: !!!打包App时需

    2024年02月08日
    浏览(66)
  • 微信扫码跳转微信小程序

    一:首先声明为什么需要这样做         项目中需要在后台管理页面进行扫码支付,其他人弄了微信小程序支付,所以就需要挑战小程序进行支付,在跳转的时候需要参数例如订单编号等 二:跳转小程序的方法有多种         接口调用凭证 | 微信开放文档          具体可

    2024年02月11日
    浏览(71)
  • 短信链接跳转微信小程序

    微信官方文档 通过服务端接口或在小程序管理后台生成 URL Scheme 后,自行开发中转H5页面。 将带有中转H5链接的短信内容通过开发者自有的短信发送能力或服务商的短信服务进行投放,实现短信打开小程序。 通过服务端接口生成 URL Link 。 直接将带有URL Link的短信内容通过开

    2024年01月23日
    浏览(68)
  • H5页面跳转微信小程序

    微信浏览器中实现跳转 使用微信官方接口 wx-open-launch-weapp (该方法只开放给已认证的服务号或者小程序云开发的静态网站托管绑定的域名下的网页) 案例代码 相关文档 目录 | 微信开放文档 微信开发者平台文档 https://developers.weixin.qq.com/doc/offiaccount/OA_Web_Apps/Wechat_Open_Tag.htm

    2023年04月17日
    浏览(77)
  • 微信小程序如何跳转微信公众号

    登录微信公众号,点击【小程序管理】: 点击【添加】: 点击【关联小程序】: 输入小程序进行关联: 登录微信小程序,点击【设置】: 打开 “引导关注公众号”,设置需要关注的公众号: 首页添加代码: 如果关联的公众号为已认证企业号,可以添加如下代码: url 为公

    2024年02月11日
    浏览(213)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包