小法式已静静的开放了从内部跳转至小法式的进口,方便用户可以在微信内部阅读器或其他APP跳转至微信小法式。 方式一:通太小法式scheme码跳转至小法式
上风:今朝最优计划,一切场景都支持跳转至小法式,为你实现内部流量导入小法式
弱点:需要注册微信开放平台,申请第三方平台,然后操纵接口获得URL Scheme,步调比力多
经过办事端接口可以获得翻开小法式肆意页面的URL Scheme。适用于从短信、邮件、微信外网页等场景翻开小法式。经过URL
Scheme翻开小法式的场景值为 1065。天生的URL Scheme以下所示:weixin://dl/business/?t= *TICKET*iOS系统支持识别URL Scheme,可在短信等利用处景中间接经过Scheme跳转小法式。Android系统不支持间接识别URL Scheme,用户没法经过Scheme一般翻开小法式,开辟者需要利用H5页面直达,再跳转到Scheme实现翻开小法式,跳转代码示例以下:location.href = 'weixin://dl/business/?t= *TICKET*'该跳转方式可以在用户翻开H5时立即挪用,也可以在用户触发事务后挪用。挪用上限Scheme将按照能否为到期有用与生效时候参数,分为短期有用Scheme与持久有用Scheme:
- 单个小法式逐日天生Scheme上限为50万个(包括短期有用Scheme与持久有用Scheme)
- 有用时候跨越31天的Scheme或永久有用的Scheme为持久有用Scheme,单个小法式总共可发展大期有用Scheme上限为10万个,请谨慎挪用
- 有用时候不跨越31天的Scheme为短期有用Scheme,单个小法式天生短期有用Scheme不设上限
留意事项
- 天生的URL Scheme仅支持从微信外翻开小法式。微信内的网页如需翻开小法式请利用微信开放标签-小法式跳转按钮,无公众号也可以间接利用小法式身份开辟网页并免鉴权跳转小法式,见云开辟静态网站跳转小法式。合适开放范围的小法式可以下发支持翻开小法式的短信。
- 该功用根基覆盖当前用户正在利用的微信版本,开辟者无需停止低版本兼容。
- 只能天生已公布的小法式的URL Scheme。
- 经过URL Scheme跳转到微信时,能够会触发系统弹框询问,若用户挑选不跳转,则没法翻开小法式。请开辟者妥帖处置用户挑选不跳转的场景。
开放范围针对国内非小我主体小法式开放。VV直选IOS端就采用了URL Scheme跳转,大师可下载体验。示例利用了云开辟静态网站托管搭建网页,无需公众号,只需预备好小法式和开通云开辟。网页会判定地点的情况来感觉采用哪类跳转方式,如检测到微信客户端内,则免鉴权利用开放标签跳转,如检测到在内部阅读器或 App,则利用 URL Scheme 跳转小法式。示例网页地址:https://postpay-2g5hm2oxbbb721a4-1258211818.tcloudbaseapp.com/jump-mp.html具体代码示例和说明:云开辟静态网站跳转小法式。
方式二:云开辟静态网页免鉴权跳转静态网站
上风:1、免除小法式营业域名的设置;2、云开辟有免费的CDN额度;3、简单粗鲁,开倡议来简单、UI组件微信官方自带,体验好
弱点:一些排挤云开辟的能够望而生畏
H5 跳小法式非小我主体而且已认证的小法式,利用云开辟静态网站托管的网页,可免得鉴权跳转肆意正当合规的小法式。即可以在微信内部阅读器的 H5 跳转小法式,也可以在微信内部阅读器或其他部分 App (如企业微信、QQ 等)跳转微信小法式。静态网站网页在微信客户端翻开时,wx.config 可以传入小法式 AppID 而且不需计较签名,也就是免鉴权即可利用跳转小法式的才能。点此体验(将会跳转到微信官方的 "小法式示例" 小法式):https://postpay-2g5hm2oxbbb721a4-1258211818.tcloudbaseapp.com/jump-mp.html
留意,开通静态网站、绑定自界说域名,需要在「微信开辟者工具 - 云开辟 - 更多 - 静态网站」里停止,才能具有免鉴权的才能。以下包括完整代码示例,包括 HTML 代码和云函数代码。示例无需预备公众号,只需预备好小法式和开通云开辟以及云开辟中的静态网站托管才能。网页会判定地点的情况来感觉采用哪类跳转方式,如检测到微信客户端内,则免鉴权利用开放标签跳转,如检测到在内部阅读器或 App,则利用 URL Scheme 跳转小法式。留意,以下代码中有以下内容必须替换,可以搜索 <!-- replace --> 检察到一切需要替换的地方:小法式 AppID:填入你的小法式 AppID
云开辟情况 ID:填入你的开通了静态网站托管的云开辟情况 ID
小法式原始账号 ID:填入你的小法式原始账号 ID(gh_ 开首)
小法式页面途径:填入要跳转到的小法式的页面途径
小法式称号:填入要跳转到的小法式称号 HTML: 点击下载- <html> <head> <title>翻开小法式</title> <meta http-equiv=&#34;Content-Type&#34;content=&#34;text/html; charset=utf-8&#34;> <meta name=&#34;viewport&#34;content=&#34;width=device-width, user-scalable=no, initial-scale=1, maximum-scale=1&#34;> <script> window.onerror=e=> { console.error(e) alert(&#39;发生毛病&#39;+ e) } </script> <!-- weui 款式 --> <link rel=&#34;stylesheet&#34;href=&#34;https://res.wx.qq.com/open/libs/weui/2.4.1/weui.min.css&#34;></link> <!-- 调试用的移动端 console --> <!-- <script src=&#34;https://cdn.jsdelivr.net/npm/eruda&#34;></script> --> <!-- <script>eruda.init();</script> --> <!-- 公众号 JSSDK --> <script src=&#34;https://res.wx.qq.com/open/js/jweixin-1.6.0.js&#34;></script> <!-- 云开辟 Web SDK --> <script src=&#34;https://res.wx.qq.com/open/js/cloudbase/1.1.0/cloud.js&#34;></script> <script> functiondocReady(fn) { if (document.readyState ===&#39;complete&#39;|| document.readyState ===&#39;interactive&#39;) { fn() } else { document.addEventListener(&#39;DOMContentLoaded&#39;, fn); } } docReady(asyncfunction() { var ua = navigator.userAgent.toLowerCase() varisWXWork=ua.match(/wxwork/i)==&#39;wxwork&#39;varisWeixin=!isWXWork&&ua.match(/micromessenger/i)==&#39;micromessenger&#39;varisMobile=falsevarisDesktop=falseif(navigator.userAgent.match(/(phone|pad|pod|iPhone|iPod|ios|iPad|Android|Mobile|IEMobile)/i)) { isMobile=true }else{ isDesktop=true } if(isWeixin) { varcontainerEl=document.getElementById(&#39;wechat-web-container&#39;) containerEl.classList.remove(&#39;hidden&#39;) containerEl.classList.add(&#39;full&#39;,&#39;wechat-web-container&#39;) varlaunchBtn=document.getElementById(&#39;launch-btn&#39;) launchBtn.addEventListener(&#39;ready&#39;,function(e) { console.log(&#39;开放标签 ready&#39;) }) launchBtn.addEventListener(&#39;launch&#39;,function(e) { console.log(&#39;开放标签 success&#39;) }) launchBtn.addEventListener(&#39;error&#39;,function(e) { console.log(&#39;开放标签 fail&#39;, e.detail) }) wx.config({ // debug: true, // 调试时可开启 appId:&#39;小法式 AppID&#39;,// <!-- replace --> timestamp:0,// 必填,填肆意数字即可 nonceStr:&#39;nonceStr&#39;,// 必填,填肆意非空字符串即可 signature:&#39;signature&#39;,// 必填,填肆意非空字符串即可 jsApiList: [&#39;chooseImage&#39;],// 必填,随意一个接口即可 openTagList:[&#39;wx-open-launch-weapp&#39;],// 填入翻开小法式的开放标签名 }) }elseif(isDesktop) { // 在 pc 上则给提醒指导得手机端翻开varcontainerEl=document.getElementById(&#39;desktop-web-container&#39;) containerEl.classList.remove(&#39;hidden&#39;) containerEl.classList.add(&#39;full&#39;,&#39;desktop-web-container&#39;) } else{ varcontainerEl=document.getElementById(&#39;public-web-container&#39;) containerEl.classList.remove(&#39;hidden&#39;) containerEl.classList.add(&#39;full&#39;,&#39;public-web-container&#39;) varc=newcloud.Cloud({ // 必填,暗示是未登录形式 identityless:true, // 资本方 AppID resourceAppid:&#39;小法式 AppID&#39;,// <!-- replace -->// 资本方情况 ID resourceEnv:&#39;云开辟情况 ID&#39;,// <!-- replace --> }) awaitc.init() window.c=c varbuttonEl=document.getElementById(&#39;public-web-jump-button&#39;) varbuttonLoadingEl=document.getElementById(&#39;public-web-jump-button-loading&#39;) try{ awaitopenWeapp(()=>{ buttonEl.classList.remove(&#39;weui-btn_loading&#39;) buttonLoadingEl.classList.add(&#39;hidden&#39;) }) }catch(e) { buttonEl.classList.remove(&#39;weui-btn_loading&#39;) buttonLoadingEl.classList.add(&#39;hidden&#39;) throwe } } }) asyncfunctionopenWeapp(onBeforeJump) { varc=window.c constres=awaitc.callFunction({ name:&#39;public&#39;, data: { action:&#39;getUrlScheme&#39;, }, }) console.warn(res) if(onBeforeJump) { onBeforeJump() } location.href=res.result.openlink } </script> <style> .hidden{ display: none; } .full{ position: absolute; top: 0; bottom: 0; left: 0; right: 0; } .public-web-container{ display: flex; flex-direction: column; align-items: center; } .public-web-container p{ position: absolute; top: 40%; } .public-web-container a{ position: absolute; bottom: 40%; } .wechat-web-container{ display: flex; flex-direction: column; align-items: center; } .wechat-web-container p{ position: absolute; top: 40%; } .wechat-web-container wx-open-launch-weapp{ position: absolute; bottom: 40%; left: 0; right: 0; display: flex; flex-direction: column; align-items: center; } .desktop-web-container{ display: flex; flex-direction: column; align-items: center; } .desktop-web-container p{ position: absolute; top: 40%; } </style> </head> <body> <divclass=&#34;page full&#34;> <divid=&#34;public-web-container&#34;class=&#34;hidden&#34;> <pclass=&#34;&#34;>正在翻开 “填入你的小法式称号”...</p><!-- replace --> <aid=&#34;public-web-jump-button&#34;href=&#34;javascript:&#34;class=&#34;weui-btn weui-btn_primary weui-btn_loading&#34;onclick=&#34;openWeapp()&#34;> <spanid=&#34;public-web-jump-button-loading&#34;class=&#34;weui-primary-loading weui-primary-loading_transparent&#34;><iclass=&#34;weui-primary-loading__dot&#34;></i></span> 翻开小法式 </a> </div> <divid=&#34;wechat-web-container&#34;class=&#34;hidden&#34;> <pclass=&#34;&#34;>点击以下按钮翻开 “填入你的小法式称号”</p><!-- replace --><!-- 跳转小法式的开放标签。文档 https://developers.weixin.qq.com/doc/offiaccount/OA_Web_Apps/Wechat_Open_Tag.html --> <wx-open-launch-weappid=&#34;launch-btn&#34;username=&#34;小法式原始账号 ID(gh_ 开首的)&#34;path=&#34;要跳转到的页面途径&#34;><!-- replace --> <template> <buttonstyle=&#34;width: 200px;height: 45px;text-align: center;font-size: 17px;display: block;margin: 0 auto;padding: 8px 24px;border: none;border-radius: 4px;background-color: #07c160;color:#fff;&#34;>翻开小法式</button> </template> </wx-open-launch-weapp> </div> <divid=&#34;desktop-web-container&#34;class=&#34;hidden&#34;> <pclass=&#34;&#34;>请在手机翻开网页链接</p> </div> </div> </body> </html>云函数 public: 点击下载
- 新建一个云函数,名为 public,然后将其 index.js 设为以下内容:
- 在云开辟控制台中的设备 -> 权限设备中,将对应开通了静态网站的云情况开启未登录形式拜候
- 在云开辟控制台中的云函数 -> 权限设备中,设置平安法则,挑选 “答应一切用户拜候” 的模板并确认。假如需要更平安的控制,即只让 public 函数开启未登录拜候,可拜见底部平安法则模板
- // 云函数进口文件constcloud=require(&#39;wx-server-sdk&#39;) cloud.init()// 云函数进口函数exports.main=async(event,context)=>{ constwxContext=cloud.getWXContext() switch(event.action) { case&#39;getUrlScheme&#39;: { returngetUrlScheme(event.options) } } return&#39;action not found&#39;}asyncfunctiongetUrlScheme(options) { returncloud.openapi.urlscheme.generate({ jumpWxa: { path:&#39;/page/component/index&#39;,// <!-- replace --> query:&#39;&#39;, }, // 假如想不外期则置为 false,并可以存到数据库 isExpire:true, // 一分钟有用期 expireTime:parseInt(Date.now()/1000+60), }) }可选的进阶的云函数平安法则模板(只铺开了让 public 云函数支持未登录拜候):{ &#34;*&#34;:{ &#34;invoke&#34;:&#34;auth != null&#34; }, &#34;public&#34;:{ &#34;invoke&#34;:true } }
复制代码 方式三:经过同一开放平台绑定的APP拉起小法式
上风:只要绑定在同一开辟账号下,无需再设置
弱点:仅对绑定的app才可实现微信内部跳转,网页及其他app暂不不支持
大师可以申请认证微信开放平台,将app、小法式、网页停止同一绑定。斟酌到部分场景下 APP 需要通太小法式来承载办事,为此 OpenSDK 供给了移动利用(APP)拉起小法式功用。
移动利用(APP)接入此功用后,用户可以在 APP 中跳转至微信某一小法式的指定页面,完成办事后再跳回至原 APP 。移动利用拉起小法式功用已向全部开辟者开放,开辟者在微信开放平台帐号下申请移动利用并经过考核后,即可获得移动利用拉起小法式功用权限。
跳转法则:1、对于已经过认证的开放平台账号,其移动利用可以跳转至任何正当的小法式,且不限制跳转的小法式数目。2、对于未经过认证的开放平台账号,其移动利用仅可以跳转至同一开放平台账号下小法式。留意:若移动利用未上架,则最多只能跳转小法式100次/天,用于满足调试需求。优点:无需前两个方式的各类设置弱点:只合适同一个开放平台的app跳转至小法式,未绑定的其他app没法实现跳转,简单地讲,需要白名单APP才可跳转。 |