微信小程序:如何跳轉(zhuǎn)app方案及實(shí)現(xiàn)

關(guān)于微信小程序跳轉(zhuǎn)app,開發(fā)者迫切希望微信能提供,以便對(duì)app引流卷中、以及對(duì)小程序無法實(shí)現(xiàn)功能進(jìn)行補(bǔ)充矛双、并實(shí)現(xiàn)自家產(chǎn)品的閉環(huán)渊抽;而微信則因?yàn)榘踩坝脩袅鞒龇桨缚紤]蟆豫,不愿意讓用戶跳到app。那么懒闷,小程序跳app到底是否可行呢十减?

微信小程序:如何跳轉(zhuǎn)app方案及實(shí)現(xiàn)

關(guān)于小程序如何跳轉(zhuǎn)app,常規(guī)思路有四種:

  1. 利用官方api: 需要app接入開放平臺(tái)愤估,并且與小程序?qū)儆诮y(tǒng)一賬號(hào)下帮辟,關(guān)鍵是該方案僅適用于通過app打開小程序,或者通過app分享的卡片打開小程序玩焰,其他情況無法跳轉(zhuǎn)由驹,故在常用的場(chǎng)景下,該方案基本不可行昔园。
  2. 利用webview網(wǎng)頁跳轉(zhuǎn): 我們可以在手機(jī)默認(rèn)瀏覽器中直接在一個(gè)網(wǎng)頁中打開app蔓榄;那么,在微信小程序web-view中是否可以呢默刚?實(shí)際上web-view有大量權(quán)限限制甥郑,基本除了展示信息,其他交互都需要通過小程序原生代碼實(shí)現(xiàn)荤西。
  3. 利用默認(rèn)瀏覽器跳轉(zhuǎn): 我們知道澜搅,在手機(jī)默認(rèn)瀏覽器中,我們可以直接在一個(gè)網(wǎng)頁中打開app邪锌;但是勉躺,微信小程序做了限制,不允許跳轉(zhuǎn)到默認(rèn)瀏覽器觅丰,故該方案不可行(部分Android手機(jī)可以跳轉(zhuǎn)赂蕴,但隨著微信小程序基礎(chǔ)版本升級(jí),這種情況越來越少了)舶胀。
  4. 利用應(yīng)用寶跳轉(zhuǎn): 應(yīng)用寶是騰訊的概说,他們一家,是否可以跳轉(zhuǎn)到應(yīng)用寶嚣伐,然后打開app或下載呢糖赔?然而,由于網(wǎng)頁域名鑒權(quán)轩端,除了騰訊自家的部分特殊小程序放典,其他小程序都是無法跳轉(zhuǎn)的。
  5. 利用微信未開放接口: 在github上了解到微信小程序api其實(shí)有一個(gè)openUrl的接口,據(jù)說以前是可以跳轉(zhuǎn)到默認(rèn)瀏覽器打開網(wǎng)頁的奋构;但是嘗試后壳影,提示無權(quán)使用...

構(gòu)思以上方案及嘗試花了不少時(shí)間,后來在百度谷歌也搜了不少關(guān)鍵詞弥臼,看到的結(jié)果基本和上面的結(jié)果一致宴咧。那么,是否就真的沒有辦法湊從小程序跳轉(zhuǎn)到app呢径缅?

一次偶然的機(jī)會(huì)掺栅,看到了小程序客服這個(gè)功能,而小程序客服是微信中的一個(gè)類似于公眾號(hào)的功能纳猪;我們知道氧卧,公眾號(hào)是可以間接跳轉(zhuǎn)到app的,那么跳轉(zhuǎn)app的方案就出來了氏堤,小程序先打開客服頁面沙绝,然后在客服頁面通過關(guān)鍵字回復(fù)一個(gè)url(或卡片),點(diǎn)擊url(或卡片)跳轉(zhuǎn)到應(yīng)用寶app推廣鏈接鼠锈,然后就可以打開或下載app了闪檬。(也可以客服卡片跳到自己的網(wǎng)頁,然后打開app)

方案有了脚祟,那么該嘗試下如何實(shí)施了:

  1. 先跳轉(zhuǎn)到微信小程序客服谬以,這個(gè)好辦,官方提供了button可以直接跳轉(zhuǎn)由桌,設(shè)置open-type='contact'即可:
<button class='modal-btn' open-type='contact'>進(jìn)入【護(hù)血糖APP】</button>
  1. 跳轉(zhuǎn)到微信小程序客服为黎,需要提示用戶輸入關(guān)鍵字,這個(gè)時(shí)候則需要在跳轉(zhuǎn)時(shí)彈窗提示行您,我們需要改下铭乾,第一個(gè)button不是contact,而是一個(gè)普通按鈕打開彈窗娃循,在彈窗中設(shè)置contact按鈕:
<!-- 進(jìn)入客服會(huì)話提示--> 
<view class='modal-bg' wx:if="{{showConcatModal}}" catchtap='dismissConcatModal' catchtouchmove='move'>
  <view class='modal-content-bg' >
    <text class='modal-text'>在客服會(huì)話中回復(fù)“mm/萌萌/小萌伴”</text>
    <button class='modal-btn' open-type='contact'>進(jìn)入【小萌伴】APP</button>
  </view>
</view>
  1. 客服會(huì)話關(guān)鍵詞回復(fù)炕檩,這個(gè)小程序官方的僅支持文字回復(fù),建議使用api接口來實(shí)現(xiàn)卡片或圖片回復(fù)捌斧,可以自己開發(fā)笛质,也可以用第三方平臺(tái),如:芝麻服務(wù)助手捞蚂、知己助手等妇押,反正就是搜索微信小程序客服,可以出來一大堆姓迅,我也是剛用敲霍,不知道到底哪家比較靠譜俊马。

  2. 點(diǎn)擊卡片跳轉(zhuǎn),我使用的應(yīng)用寶推廣url肩杈,這個(gè)在應(yīng)用寶app管理后臺(tái)就可以看到柴我,可以自動(dòng)識(shí)別android、ios

雖然該方案比較曲折扩然,但是好歹能實(shí)現(xiàn)小程序到app的跳轉(zhuǎn)艘儒,可以用于app推廣引流,或者打開小程序無法實(shí)現(xiàn)的部分app功能与学。

具體代碼實(shí)現(xiàn)可以在Github開源ui中查看首頁小萌伴APP的點(diǎn)擊事件彤悔,源碼:itlao5-xmb-weapp

個(gè)人博客: IT老五
微信公眾號(hào):【IT老五(it-lao5)】嘉抓,一起源創(chuàng)索守,一起學(xué)習(xí)!

該方案的缺點(diǎn)很明顯抑片,需要用戶操作過多卵佛,如果有更好的方案,歡迎一起探討敞斋,多謝截汪!


最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末,一起剝皮案震驚了整個(gè)濱河市植捎,隨后出現(xiàn)的幾起案子衙解,更是在濱河造成了極大的恐慌,老刑警劉巖焰枢,帶你破解...
    沈念sama閱讀 217,509評(píng)論 6 504
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件蚓峦,死亡現(xiàn)場(chǎng)離奇詭異,居然都是意外死亡济锄,警方通過查閱死者的電腦和手機(jī)暑椰,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 92,806評(píng)論 3 394
  • 文/潘曉璐 我一進(jìn)店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來荐绝,“玉大人一汽,你說我怎么就攤上這事〉吞玻” “怎么了召夹?”我有些...
    開封第一講書人閱讀 163,875評(píng)論 0 354
  • 文/不壞的土叔 我叫張陵,是天一觀的道長(zhǎng)恕沫。 經(jīng)常有香客問我监憎,道長(zhǎng),這世上最難降的妖魔是什么昏兆? 我笑而不...
    開封第一講書人閱讀 58,441評(píng)論 1 293
  • 正文 為了忘掉前任枫虏,我火速辦了婚禮妇穴,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘隶债。我一直安慰自己腾它,他們只是感情好,可當(dāng)我...
    茶點(diǎn)故事閱讀 67,488評(píng)論 6 392
  • 文/花漫 我一把揭開白布死讹。 她就那樣靜靜地躺著瞒滴,像睡著了一般。 火紅的嫁衣襯著肌膚如雪赞警。 梳的紋絲不亂的頭發(fā)上妓忍,一...
    開封第一講書人閱讀 51,365評(píng)論 1 302
  • 那天,我揣著相機(jī)與錄音愧旦,去河邊找鬼世剖。 笑死,一個(gè)胖子當(dāng)著我的面吹牛笤虫,可吹牛的內(nèi)容都是我干的旁瘫。 我是一名探鬼主播,決...
    沈念sama閱讀 40,190評(píng)論 3 418
  • 文/蒼蘭香墨 我猛地睜開眼琼蚯,長(zhǎng)吁一口氣:“原來是場(chǎng)噩夢(mèng)啊……” “哼酬凳!你這毒婦竟也來了?” 一聲冷哼從身側(cè)響起遭庶,我...
    開封第一講書人閱讀 39,062評(píng)論 0 276
  • 序言:老撾萬榮一對(duì)情侶失蹤宁仔,失蹤者是張志新(化名)和其女友劉穎,沒想到半個(gè)月后峦睡,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體翎苫,經(jīng)...
    沈念sama閱讀 45,500評(píng)論 1 314
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 37,706評(píng)論 3 335
  • 正文 我和宋清朗相戀三年赐俗,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了拉队。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點(diǎn)故事閱讀 39,834評(píng)論 1 347
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡阻逮,死狀恐怖粱快,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情叔扼,我是刑警寧澤事哭,帶...
    沈念sama閱讀 35,559評(píng)論 5 345
  • 正文 年R本政府宣布,位于F島的核電站瓜富,受9級(jí)特大地震影響鳍咱,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜与柑,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 41,167評(píng)論 3 328
  • 文/蒙蒙 一谤辜、第九天 我趴在偏房一處隱蔽的房頂上張望蓄坏。 院中可真熱鬧,春花似錦丑念、人聲如沸涡戳。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,779評(píng)論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽渔彰。三九已至,卻和暖如春推正,著一層夾襖步出監(jiān)牢的瞬間恍涂,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 32,912評(píng)論 1 269
  • 我被黑心中介騙來泰國(guó)打工植榕, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留再沧,地道東北人。 一個(gè)月前我還...
    沈念sama閱讀 47,958評(píng)論 2 370
  • 正文 我出身青樓内贮,卻偏偏與公主長(zhǎng)得像产园,于是被迫代替她去往敵國(guó)和親汞斧。 傳聞我的和親對(duì)象是個(gè)殘疾皇子夜郁,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 44,779評(píng)論 2 354

推薦閱讀更多精彩內(nèi)容

  • 1:官方工具:https://mp.weixin.qq.com/debug/w ... tml?t=1476434...
    Programmer客棧閱讀 38,892評(píng)論 3 105
  • 微信小程序正式公測(cè),張小龍全面闡述小程序粘勒,定檔1月9日上線(附90分鐘演講全文) ... 前言:新人第一坑竞端,跳坑指...
    米飯超人閱讀 7,819評(píng)論 0 25
  • Eka Pada sirsasana 單腿繞頭式 ——摘自《瑜伽之光》
    6b38a4a66238閱讀 274評(píng)論 0 0
  • android布局優(yōu)化的目標(biāo): 使屏幕繪制低延遲 保證流程穩(wěn)定的幀率來避免卡頓 優(yōu)化布局的技巧: 減少布局層次下圖...
    MrMagicWang閱讀 413評(píng)論 0 0
  • 我小的時(shí)候, 在沙地上庙睡, 玩過彈珠事富。 ——挴指扣食指。 透明的玻璃小珠乘陪, 不會(huì)滾太遠(yuǎn)统台。 那時(shí)我們,在平遙啡邑。 一面一...
    小禾小珩媽閱讀 250評(píng)論 0 1