新浪微博app如何去喚起跳轉微信小程式
筆者最近接到很多粉絲的留言,需要探討新浪微博app如何去跳轉微信小程式,並且直接開啟小程式的指定頁面。 筆者去微博和微信開放平臺查詢後總結了以下方式:
一,需要授權第三方正規開放能力程式碼,微信授權的h5喚起跳轉微信小程式能力為:weixin://dl/business/?t=xxxx
程式碼對接如下:
<body>
<div class="page" style="background: #ffffff">
<div class="res" id="success">
<img src=" class="icon"/>
<div class="text">恭喜!成功開啟微信</div>
<div style="text-align: center;">
<div class="open-desc">如遇自動進入失敗,點選手動進入按鈕</div>
<button class="open-button czt">手動進入</button>
</div>
</div>
<div class="res" id="haveing">
<div class="text">開啟微信中</div>
<img src=" class="icon2"/>
</div>
<div class="res" id="fail">
<img src=" class="icon"/>
<div class="text" id="fail_txt"></div>
</div>
<img id="inweixin" src=" style="display: none;max-width: 100%">
</div>
</body>
<script type="application/javascript">
function getQueryVariable(variable)
{
var query = window.location.search.substring(1);
var vars = query.split("&");
for (var i=0;i<vars.length;i++) {
var pair = vars[i].split("=");
if(pair[0] == variable){return pair[1];}
}
return(false);
}
var status = parseInt(1);
var status_txt = '';
$(function () {
if (status == 2) {
$('#fail').css('display', 'flex');
$('#fail_txt').text(status_txt);
} else {
var ua = navigator.userAgent.toLowerCase()
var isWXWork = ua.match(/wxwork/i) == 'wxwork'
var isWeixin = !isWXWork && ua.match(/micromessenger/i) == 'micromessenger'
var isMobile = false
var isDesktop = false
if (navigator.userAgent.match(/(phone|pad|pod|iPhone|iPod|ios|iPad|Android|Mobile|IEMobile)/i)) {
isMobile = true
} else {
isDesktop = true
}
if (isWeixin) {
$("#inweixin").show();
} else if (isDesktop) {
$('#fail').css('display', 'flex');
$('#fail_txt').text('請使用手機開啟網頁連結');
} else {
$('#haveing').css('display', 'flex');;
setTimeout(function () {
$('#haveing').hide();
$('#success').css('display', 'flex');
openMini();
}, 1000);
}
}
});
function openMini(){
location.href ='weixin://dl/business/?t=fWaRq2CX6zf';
if(/baiduboxapp/i.test(navigator.userAgent)) {
$("#queren").click();
}else {
$("#phone").remove();
}
}
</script>
二,如果無法會使用程式碼對接,則需要使用第三方AI建立自動化喚起連結。
1.先去開放平臺註冊一個後臺賬號,
2.然後去建立一個新的喚起小程式連結。
3.填寫對應的小程式appid和appsecret秘鑰,以及小程式路徑則自動生成跳轉地址。
具體筆者測試錄製了一個影片跳轉過程,僅供參考學習。
來自 “ ITPUB部落格 ” ,連結:http://blog.itpub.net/70000872/viewspace-2774519/,如需轉載,請註明出處,否則將追究法律責任。
相關文章
- 轉發新浪微博程式猿心得
- 新浪微博分享不跳轉
- js在微信、微博、QQ、Safari喚起App的解決方案JSAPP
- 如何在微信裡一鍵喚醒appAPP
- 微信小程式_跳轉方式微信小程式
- 微信小程式跳轉方式微信小程式
- 用 mpvue 寫個【微博-青銅版】微信小程式Vue微信小程式
- Python實現微博爬蟲,爬取新浪微博Python爬蟲
- 簡訊可以直接喚起微信小程式嗎微信小程式
- 微信小程式開發系列七:微信小程式的頁面跳轉微信小程式
- 微信小程式:抽獎轉盤微信小程式
- 如何測試微信小程式微信小程式
- 微信小程式如何套用iconfont微信小程式
- 如何建立微信小程式商城微信小程式
- 微信小程式開發風口下,微信小程式該如何運營?微信小程式
- 微信小程式微信小程式
- 微信小程式開發抖音去水印功能微信小程式
- 新浪微博API生成短連結API
- 微信小程式swiper旋轉木馬微信小程式
- (乾貨)微信小程式轉發好友微信小程式
- uni-app 微信小程式全域性分享APP微信小程式
- 微信小程式和app最大區別在哪微信小程式APP
- 微信小程式開發系列 (四) :微信小程式的頁面跳轉路由設計微信小程式路由
- 如何反編譯微信小程式?編譯微信小程式
- 轉轉:微信小程式分包載入實戰微信小程式
- 如何減小微信小程式程式碼包大小微信小程式
- 微信小程式(1) 微信小程式TLS版本大於1.2微信小程式TLS
- 微信小程式小技巧微信小程式
- Thinkphp微信行銷工具,微信小程式。PHP微信小程式
- 新浪微博資料中心:2019微博電影白皮書(附下載)
- 微信小程式路由微信小程式路由
- uni-app 微信小程式授權登入APP微信小程式
- 微信小程式和app最大區別在哪裡微信小程式APP
- 新浪微博私信,即時聊天介面研究
- 修改 support 包 TabLayout,實現新浪微博/即刻 APP 蚯蚓導航效果TabLayoutAPP
- 【微信小程式】小程式內如何匯入vantUI元件微信小程式UI元件
- 微信小程式雲開發如何上手微信小程式
- 3.17去中心化微博中心化