微信官方文檔:獲取 URL Scheme | 微信開放文檔 (qq.com)
官方文檔上說了那么多拟杉,也就是湃番,通過調(diào)用接口生成Scheme (具體:服務(wù)器端調(diào)用urlscheme.generate接口生成,此方法又分https調(diào)用和云調(diào)用坊饶,https調(diào)用地址POST https://api.weixin.qq.com/wxa/generatescheme?access_token=ACCESS_TOKEN角寸,具體不詳細(xì)說;云調(diào)用是開通了云開發(fā)的項(xiàng)目適用 或者下文所說用工具生成)
對(duì)于前端來說,寫一個(gè)H5頁面就可以,短信鏈接跳轉(zhuǎn)此H5頁面路徑击困,用手機(jī)自帶瀏覽器或者QQ瀏覽器等打開,(注意不能在微信里用微信內(nèi)置瀏覽器(包括企業(yè)微信瀏覽器)打開广凸,否則跳轉(zhuǎn)不過去)都可以自動(dòng)打開小程序或點(diǎn)擊按鈕跳轉(zhuǎn)至小程序
1.H5頁面代碼--vue H5代碼--不涉及傳參數(shù)用工具生成的Scheme
<template>
<div class="url-scheme">
<p style="text-align: center;">正在打開 “展示小程序”...</p>
<div class="button-inner" @click="targetUrl">
打開小程序
</div>
</div>
</template>
<script>
export default{
created() {
window.location.href ='weixin://dl/business/?t=TICKET'//這個(gè)路徑可以在小程序管理后臺(tái)-右上角「工具」-「生成 URL Scheme」入口生成
},
methods: {
targetUrl() {
window.location.href ='weixin://dl/business/?t=TICKET'
}
}
}
</script>
<style lang="less">
@import "~@/assets/css/index.less";
.url-scheme{
font-size: 17px;
position: relative;
left: 50%;
top: 50%;
transform:translate(-50%,-50%);
.button-inner{
flex: 1;
background: #07c160;
display: block;
width: 184px;
margin-left: auto;
margin-right: auto;
padding: 8px 24px;
box-sizing: border-box;
font-weight: 700;
font-size: 17px;
text-align: center;
text-decoration: none;
color: #fff;
line-height: 1.41176471;
border-radius: 4px;
overflow: hidden;
color: #fff;
margin-top: 30px;
}
}
</style>
src\views\version03\user-reform\url-scheme.vue
2.H5頁面代碼--vue H5代碼--涉及傳參數(shù)不能用工具生成的Scheme阅茶,應(yīng)該服務(wù)端配合返回Scheme(里面可以有參數(shù))
{
"jump_wxa":
{
"path": "/pages/publishHomework/publishHomework",
"query": "a=1&b=2"
},
"is_expire":true,
"expire_time":1606737600
}
取值就在小程序onLoad(options)生命周期中通過options.a options.b獲取