新浪微博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
- JS 在微信、微博、QQ、Safari 喚起 App 的解決方案JSAPP
- javascript仿新浪微博圖片放大縮小及旋轉效果JavaScript
- 如何在微信裡一鍵喚醒appAPP
- 新浪微博APIAPI
- 簡訊可以直接喚起微信小程式嗎微信小程式
- iOS 仿新浪微博iOS
- 分享到QQ空間、新浪微博、騰訊微博的程式碼!(收藏)
- 用 mpvue 寫個【微博-青銅版】微信小程式Vue微信小程式
- iOS高仿新浪微博iOS
- 讓ubuntu支援新浪微博Ubuntu
- 微信小程式開發抖音去水印功能微信小程式
- 巧用Android多程式,微信,微博等主流App都在用AndroidAPP
- uniapp 微信小程式總結APP微信小程式
- Android 從外部網頁拉起跳轉到AppAndroid網頁APP
- 新浪微博圖床架構解析圖床架構
- 如何填補友盟分享新浪微博的那些坑
- 微信小程式_跳轉方式微信小程式
- 微信小程式跳轉方式微信小程式
- Python實現微博爬蟲,爬取新浪微博Python爬蟲
- 如何建立微信小程式商城微信小程式
- 如何測試微信小程式微信小程式
- uniapp,微信小程式中使用 MQTTAPP微信小程式MQQT
- Appium 之測試微信小程式APP微信小程式
- Appium之測試微信小程式APP微信小程式
- uniapp微信小程式獲取定位APP微信小程式
- 如何減小微信小程式程式碼包大小微信小程式
- 新浪微博API生成短連結API
- jQuery仿新浪微博資訊展播效果jQuery
- 自動釋出新浪微博javaJava
- 使用python呼叫新浪微博介面Python
- 修改 support 包 TabLayout,實現新浪微博/即刻 APP 蚯蚓導航效果TabLayoutAPP
- h5喚醒APP小記H5APP
- 微信小程式開發系列七:微信小程式的頁面跳轉微信小程式
- 微信小程式:抽獎轉盤微信小程式
- 微信小程式開發風口下,微信小程式該如何運營?微信小程式