微信小程序跳转到网站-[{“

翻译”:[{“文本”:”

H5 如何跳转到陌陌小程序?n

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网络尝试访问链接并确认自己的服务器没有阻止诉状(常见于有白名单或防火墙的服务器,需要开发者确认)。

收藏 (0) 打赏

感谢您的支持,我会继续努力的!

打开微信/支付宝扫一扫,即可进行扫码打赏哦,分享从这里开始,精彩与您同在
点赞 (0)

悟空资源网 网站程序 微信小程序跳转到网站-[{“ https://www.wkzy.net/game/135082.html

常见问题

相关文章

官方客服团队

为您解决烦忧 - 24小时在线 专业服务