最近公司有个需求要求在app里点击一个功能打开小程序,并且关闭小程序回到app,模仿平安保险app。
毕竟我也是刚学习uni-app,找了很多资料,找到了一个天天外链的网站可以生成一个小程序的链接,使用uni的webview去加载这个链接,很好,需求满足,但是收费,那能不能自己做呢,可以,研究了一下天天外链生成的链接,发现是个html结尾的,那么正好H5里可以直接使用location.href去加载外链的,思路有了,开始动手。
1,首先使用uni的webview去加载一个H5页面,这个页面需放在自己公司的测试服务器上哦
2,html文件写入location,href = '小程序的链接',就会实现自动跳转,也可以加一个按钮防止跳转失败,让用户点击按钮跳转
3,最重要的一步,如何生成这个小程序的链接
(1),登录微信开放平台
(2),点击小程序,点击服务端,点击获取scheme码,点击调试工具
(3)在线生成scheme码
(4),请求成功之后在在线调用这里可以看到,如果失败请按照文档检查一下参数
4,这个就是你小程序的码了,复制到你的html文件里用location,href就可以跳转啦,看上面第二步。
注意:
注意:
注意:
为确保小程序链接合理使用,自 2022 年 4 月 11 日起,URL Scheme 和 URL Link (以下统称为 “链接” )接口能力规则将进行以下调整:
- 每个 URL Scheme 或 URL Link 有效期最长 30 天,均不再支持永久有效的链接、不再区分短期有效链接与长期有效链接;
- 链接生成后,若在微信外打开,用户可以在浏览器页面点击进入小程序。每个独立的链接被用户访问后,仅此用户可以再次访问并打开对应小程序,其他用户无法再次通过相同链接打开该小程序;
- 单个小程序每天生成链接数(URL Scheme 和 URL Link 总数)上限为 50 万条。
对于上述 1,在开发层面,相应的服务端接口 urlscheme.generate 和 urllink.generate 将进行以下调整:
- is_expire 值固定为 true,可不再传该值,若传值为 false 也与 true 一样会生成到期失效链接;
- 若 expire_type 传值为 0,需注意 expire_time 传值的时间戳不超过 30 天,即该参数最长传值有效期为 30 天;若 expire_type 传值为 1,需注意 expire_interval 传值范围为 [1, 30],即该参数最长传值间隔天数为 30。
也就说一个链接只能被一个人跳转,要想实现每个用户都可以跳转,可让后端配合写接口动态生成链接,前端需在跳转之前调用接口,实现每个用户下发不同H5链接。
详情请看官网小程序链接生成与使用规则调整公告:
小程序链接生成与使用规则调整公告 | 微信开放社区各位开发者:为确保小程序链接合理使用,自 2022 年 4 月 11 日起,URL Scheme 和 URL Link (以下统称为 “链接” )接口能力规则将进行以下调整:每个 URL Scheme 或 URL Link 有效期最长 30 天,均不再支持永久有效的链接、不再区分短期有效链接与长期有效链接;链接生成后,若在微信外打开,用户可以在浏览器页面点击进入小程序。每个独立的链接被用户访问后,仅此用户可以再次访问并打开对应小程序,其他用户无法再次通过相同链接打开该小程序;单个小程序每天生成链接数(URL Scheme 和 URL Link 总数)上限为 50 万条。 对于上述 1,在开发层面,相应的服务端接口 urlscheme.generate 和 urllink.generate 将进行以下调整:is_expire 值固定为 true,可不再传该值,若传值为 false 也与 true 一样会生成到期失效链接;若 expire_type 传值为 0,需注意 expire_time 传值的时间戳不超过 30 天,即该参数最长传值有效期为 30 天;若 expire_type 传值为 1,需注意 expire_interval 传值范围为 [1, 30],即该参数最长传值间隔天数为 30。详细对比见下表:已使用该后端接口的开发者可以不进行任何修改,不会出现返回异常。若传值超过新规则合法值,或声明使用永久有效的链接,则均会被赋最长有效期值(30天);需注意以上新规则生效后的有效期和访问规则变化。在本次规则调整生效前已经生成的链接,也将自动生效以下规则:如果有效期超过30天或长期会被降级为30天有效,开始时间从调整日期开始计算;在调整生效后,只能被1个用户访问。当前已使用微信云开发 静态网站H5跳小程序 与 短信跳小程序、微信服务平台短信服务为用户提供链接的功能不受影响,但同样适用以上规则。 微信团队 2022年3月9日相关QAQ1:每天下发的短信量级超过50万条,不够用怎么办?A1:可将生成 scheme 的时机改为在用户打开 H5 时再生成:https://developers.weixin.qq.com/community/develop/doc/000aeab88a4ea0c5c89d81fde5b801服务端调取微信接口请看官网:文章来源:https://www.toymoban.com/news/detail-416993.html
后端 API | 微信开放文档微信开发者平台文档https://developers.weixin.qq.com/miniprogram/dev/framework/server-ability/backend-api.html文章来源地址https://www.toymoban.com/news/detail-416993.html
到了这里,关于uni-app 使用webview加载H5打开微信小程序的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!