翻译”:[{“文本”:”
n
从H5跳到小程序,这些场景很常见,我们该怎么做?
n
针对这个问题,我去看了一下陌陌的文档,发现陌陌有这个套接字,可以让陌陌浏览器下的H5跳转到小程序。
n
Momo相关文档在那边:
n
注意:使用的是 JS-SDK 套接字,并且必须受 js-sdk-1.6.0 版本的支持
n
H5 界面中的配置
n
wx.config({
debug: true, // 开启调试模式,调用的所有api的返回值会在客户端alert出来,若要查看传入的参数,可以在pc端打开,参数信息会通过log打出,仅在pc端时才会打印
appId: '', // 必填,公众号的唯一标识
timestamp: , // 必填,生成签名的时间戳
nonceStr: '', // 必填,生成签名的随机串
signature: '',// 必填,签名
jsApiList: [], // 必填,需要使用的JS接口列表
openTagList: [] // 可选,需要使用的开放标签列表,例如['wx-open-launch-app']
});
n
在wx.config下,还有一个额外的openTagList,一个开放的标签列表,目前支持配置wx-open-launch-weapp,wx-open-launch-app
n
1、wx-open-launch-weapp指的是H5跳转小程序
n
2、wx-open-launch-app指的是H5跳转应用
n
我们主要介绍wx-open-launch-weappH5跳转小程序
n
用户名为小程序的原始ID,路径对应小程序的链接地址。任何以前写过 Momo H5 的人都应该知道如何将此代码嵌入到以前的代码中。
n
目前该功能仅适用于经过身份验证的服务账号,网页的域名应位于服务账号的“JS套接字安全域名”下。
n
抗议可以跳到任何合法合规的小程序,是不是任何小程序都可以跳!!这个套接字真的打开了(不怕做坏事?
).n
看看结果
n
n
图片.png
n
n
图片.png
n
以下是源代码
n
n
图片.png
n
坑点
n
附注:
n有一个坑,官方文档说路径是 /a/b/c?d=1&e=2#fg,类似于这个链接格式,我亲自测试过如果直接使用 /a/b/c?d=1&e=
链接的 2#fg 格式会报告页面不存在,那我以为在小程序中复制链接的时候,会在链接前面加一个.html,于是挖了这件事微信小程序跳转到网站,路径链接格式改成了 /a/b/c.html?d=1&e=2#fg这样能够正常访问, 不知道陌陌是故意这样设计的,还是一个bug,还有待验证。
n在那之后,这个套接字
真的可以做很多坏事,我希望你能用正确的值正确使用这个套接字。
n
Momo Open Label 有最低 Momo 版本要求,以及最低系统版本要求。
n
如果在开发过程中出现以下情况,请确认Momo版本要求为:7.0.12及以上版本。系统版本要求为:iOS 10.3及以上,安卓5.0及以上。
n
n
图片.png“,”to“:”en“,”sentLen“:{”srcSentLen“:[20,1,1,38,55,5,18,49,17,14,88,38,36,43,38,33,5,43,5,57,12,14,17,14,14,17,14,17,10,11,165,36,5,40,5,32,5,42,33,5,14,16],”transSentLen“:[49,0,1,89,160,5,49,93,41,14,156,60,51,66,114,97,5,189,5,162,34,14,17,14,14,14,17,10,
440,113,5,126微信小程序跳转到网站,5,108,5,135,80,5,13,16]}}]}]
陌陌小程序嵌入式网页链接陌
陌小程序的环境
和浏览器不同,陌陌小程序中的所有外部链接都必须部署业务域名,才能实现跳转访问
无论是
带有标签、iframe等的超链接,需要在陌陌公共平台上部署业务域名才能访问
如果嵌入陌陌公众号文章中,则
不需要部署,但需要关联陌陌公众号
那里
是需要提前注意的几点:
1、暂时不支持个人和海外类型的小程序!
2. 使用 Momo 的官方组件网页视图,该视图将覆盖页面中的所有其他组件,覆盖整个小程序页面,而不仅仅是小程序的原生标签栏
3. 部署业务域名需要HTTPS
4. 部署业务域名时,业务域名
需要ICP备案微信小程序链接到网站,海外域名部署困难
使用官方 Momo 组件 Web 视图:
下面我们来介绍一下具体步骤:嵌入式公众号文章
要求:公众号文章必须关联小程序
1. 关联公众号
2. 使用网页视图嵌入公众号文章
<code class="prism language-
嵌入外部网页 1.下载部署校准文件
登录陌陌开放平台小程序页面,在“业务域名”中添加,如右图所示
在此处下载校准文件并将其加载到指定位置:
1、业务域名必须经过ICP备案,新的ICP备案域名24小时后才能配置。域名格式仅支持英文大小写字母、数字和“-”,不支持 IP 地址。配置业务域名后,您可以打开任何合法的子域。
2. 放置文件
wx.qq.com,并确保该文件可访问。
例如,如果下载的校准文件是AbC.txt如果要保存业务,则必须确保可以访问它。
2. 添加企业域名
校准文件部署成功后,在此处添加业务域名
注意几点:
1. 业务域名无需在上面添加
2.业务域名必须填写根域名,例如:如果下载的校准文件是AbC.txt,并且可以访问,则只填写 test.com
目前,很多开发者在设置业务域名时,发现检测校准文件已经失败,可以先按照以下步骤进行自我检查:
1、业务域名必须经过ICP备案,新的ICP备案域名24小时后才能配置。域名格式仅支持英文大小写字母、数字和“-”,不支持 IP 地址。配置业务域名后,您可以打开任何合法的子域。
2. 放置文件
wx.qq.com,并确保该文件可访问。
例如,如果下载的校准文件是AbC.txt如果要保存业务,则必须确保可以访问它。
3.校准文件内容错误。校准文件的内容通常是非HTML数据,如果下载的校准文件内容是HTML数据微信小程序链接到网站,则通常在登陆状态下过期。请重新登录小程序下载校准文件。
4.使用4G网络尝试访问链接并确认自己的服务器没有阻止诉状(常见于有白名单或防火墙的服务器,需要开发者确认)。