关于微信开发:微信浏览器内打开自己的APPwxopenlaunchapp填坑记录

3次阅读

共计 1672 个字符,预计需要花费 5 分钟才能阅读完成。

需要:微信浏览器内关上 app 分享的文章,要呈现“用 app 关上”的按钮,点击即跳到本人的 APP,并依据参数执行相应的操作。
上面开始踩坑之旅行:
首先须要有一个微信公众号(类型必须是服务号,订阅号不行,解决办法:再注册一个服务号)
注册并审核通过后,进入 https://open.weixin.qq.com/

微信官网示例代码:
https://www.weixinsxy.com/jss…
备注:链接中蕴含 php、java、nodejs 以及 python 的示例代码供第三方参考,第三方切记要对获取的 accesstoken 以及 jsapi_ticket 进行缓存以确保不会触发频率限度

我的案例:

<?php
require_once “jssdk.php”; // 从下载的官网示例代码获取
// 留神,因为 curl 版本的不同,下面这个 jssdk.php 的某一句要改一下:
// 原句 curl_setopt($curl, CURLOPT_SSL_VERIFYHOST, true);
// 改成 curl_setopt($curl, CURLOPT_SSL_VERIFYHOST, 2); 否则可能不工作

// 留神:这里要填公众服务号的 appID 以及 appSecret
// 在 https://mp.weixin.qq.com/ 性能设置、根本配置 - 公众号开发信息中获取
$jssdk = new JSSDK(“wxxxxxxxbb5”, “xxxxxxxxxxx”);
$signPackage = $jssdk->GetSignPackage();
?>
<script src=”https://res.wx.qq.com/open/js/jweixin-1.6.0.js”></script>

<script>

wx.config({

debug: false,
appId: '<?php echo $signPackage["appId"];?>',
timestamp: <?php echo $signPackage["timestamp"];?>,
nonceStr: '<?php echo $signPackage["nonceStr"];?>',
signature: '<?php echo $signPackage["signature"];?>',
jsApiList: [
  // 所有要调用的 API 都要加到这个列表中
  // 我没用到 所以留空
],
openTagList: ['wx-open-launch-app']

});

wx.ready(function () {

// 在这里调用 API 可留空 

});

</script>
<!– 留神:wx-open-launch-app 标签里的 appid 是所需跳转到的你的挪动利用的 appid,不是公众号服务号的 –>
<wx-open-launch-app style=”position:fixed; z-index: 999; top:10em; right:3px; ” id=”launch-btn” appid=”wxxxxxxxxxx52″ extinfo=”works_id=<?php echo $works_id ?>”>
<script type=”text/wxtag-template”>

<style>.btn {width:100%; height:1.5em; padding: 3px;   border-radius: 0.6em;  color:#fff;  background: #dc143c;}</style>
<div class="btn"> 在 App 内关上 </div>

</script>
</wx-open-launch-app>

<script>
var btn = document.getElementById(‘launch-btn’);
btn.addEventListener(‘launch’, function (e) {

console.log('success');

});
btn.addEventListener(‘error’, function (e) {

console.log('fail', e.detail);

});
</script>

正文完
 0