普通二維碼跳轉(zhuǎn)到小程序

????????目前公司想把剛開發(fā)的h5以及小程序打通,就是通過h5可以跳轉(zhuǎn)到小程序進(jìn)行使用毅人。那么問題來了吭狡,產(chǎn)品希望直接通過一個(gè)事件就直接跳轉(zhuǎn)到小程序,微信的開發(fā)環(huán)境支持這樣的操作嗎丈莺?其實(shí)在開發(fā)文檔上面已近說的比較清楚了划煮,我在這整理出了具體的實(shí)現(xiàn);

一缔俄、跳轉(zhuǎn)到小程序的幾種方式

? ? ? ? 1弛秋、公眾號(hào)跳轉(zhuǎn)到小程序,這個(gè)的話在公眾號(hào)管理頁面配置一下就好了俐载;

????????2蟹略、通過普通的二維碼跳轉(zhuǎn)到小程序里面

雖然小程序的功能越來越強(qiáng)大,但是再開發(fā)的時(shí)候還是受到很多的限制遏佣,對于產(chǎn)品提出的“ 通過點(diǎn)擊一個(gè)按鈕就跳到小程序 ”這個(gè)需求真的就是無能為力了挖炬,不過隨著微信的更能更迭越來越頻繁,相信以后說不定就實(shí)現(xiàn)了呢状婶;最近開發(fā)支付寶小程序時(shí)候發(fā)現(xiàn)意敛,微信小程序和支付寶小程序開發(fā)大部分是一樣的,微信在開發(fā)上回更加成熟些膛虫,代碼審核也快草姻,我們今天實(shí)現(xiàn)的跳轉(zhuǎn)小程序同樣也適用于支付寶小程序開發(fā);

二稍刀、邏輯整理

? ? ? ?實(shí)通過用戶觸發(fā)按鈕生成一個(gè)二維碼撩独,用戶通過使用微信掃一掃或者長按識(shí)別二維碼進(jìn)入小程序(必須要觸發(fā)微信自帶的掃一掃才可以),通過二維碼攜帶的參數(shù),小程序進(jìn)行識(shí)別相關(guān)數(shù)據(jù)综膀,比如登錄狀態(tài)澳迫;

三、配置

? ? ? ? h5端:通過qrcodejs插件動(dòng)態(tài)把url地址生成二維碼剧劝,攜帶相關(guān)的用戶信息纲刀;(用url地址生成二位碼是因?yàn)槲⑿盘D(zhuǎn)到url相關(guān)頁面的時(shí)候會(huì)判斷是否需要跳轉(zhuǎn)小程序,這個(gè)下面小程序配置校驗(yàn)文件有講到)


? ? ? ? ? ? ? ? (因?yàn)閔5也是通過微信掃一掃進(jìn)入的h5項(xiàng)目担平,在微信瀏覽器上可以直接長按進(jìn)行二維碼識(shí)別)


? ? 小程序:進(jìn)入小程序開發(fā)平臺(tái)? -> 開發(fā) -> 開發(fā)設(shè)置 ->掃普通鏈接二維碼打開小程序


二維碼規(guī)則: 微信api里說的很清楚了

? ? ? ? 1示绊、二維碼規(guī)則的域名須通過ICP備案的驗(yàn)證。

? ? ? ? 2暂论、支持http面褐、https、ftp開頭的鏈接(如:http://wx.qq.com取胎、https://wx.qq.com/mp/展哭、https://wx.qq.com/mp?id=123)。

? ? ? ? 3闻蛀、一個(gè)小程序帳號(hào)可配置不多于10個(gè)二維碼前綴規(guī)則匪傍。

前綴占用規(guī)則

????????開發(fā)者可選擇是否占用符合二維碼匹配規(guī)則的所有子規(guī)則。如選擇占用觉痛,則其他帳號(hào)不可申請使用滿足該前綴匹配規(guī)則的其他子規(guī)則役衡。

如:若開發(fā)者A配置二維碼規(guī)則:https://wx.qq.com/mp?id=123,并選擇“占用所有子規(guī)則“薪棒,其他開發(fā)者將不可以配置滿足前綴匹配的子規(guī)則如https://wx.qq.com/mp?id=1234手蝎。

校驗(yàn)文件:

?? ? ? ? 通過把下載的校驗(yàn)文件存放到二維碼對應(yīng)url所在的服務(wù)器更目錄下就可以了。 剛開始的時(shí)候會(huì)疑惑俐芯,微信掃碼怎么知道是怎么識(shí)別是跳轉(zhuǎn)小程序呢棵介, 這個(gè)關(guān)鍵就在于校驗(yàn)文件上面了,h5通過把url生成二維碼吧史,微信在使用掃碼的啥時(shí)候請求服務(wù)器的時(shí)候先會(huì)去查找有沒有對應(yīng)的校驗(yàn)文件邮辽,有的話就會(huì)跳轉(zhuǎn)到小程序;如果存放地址失敗則不能保存贸营;

測試范圍:

? ? ? ? 這個(gè)通過自己的需求來進(jìn)行配置就可以了吨述,

? ? 保存成功后就可以進(jìn)行跳轉(zhuǎn)了,但是注意一點(diǎn):
? ? ? ? ?必須是通過二維碼+微信掃一掃/長按識(shí)別二維碼才可以

相關(guān)連接:

? ? 微信小程序掃碼打開小程序接入指南


第一次寫文章莽使,有什么不好的歡迎大家指出锐极,想著入行兩年多了笙僚,有些概念要學(xué)會(huì)去整理和歸納才不至于忘記芳肌;

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末,一起剝皮案震驚了整個(gè)濱河市,隨后出現(xiàn)的幾起案子亿笤,更是在濱河造成了極大的恐慌翎迁,老刑警劉巖,帶你破解...
    沈念sama閱讀 211,042評論 6 490
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件净薛,死亡現(xiàn)場離奇詭異汪榔,居然都是意外死亡,警方通過查閱死者的電腦和手機(jī)肃拜,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 89,996評論 2 384
  • 文/潘曉璐 我一進(jìn)店門痴腌,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人燃领,你說我怎么就攤上這事士聪。” “怎么了猛蔽?”我有些...
    開封第一講書人閱讀 156,674評論 0 345
  • 文/不壞的土叔 我叫張陵剥悟,是天一觀的道長。 經(jīng)常有香客問我曼库,道長区岗,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 56,340評論 1 283
  • 正文 為了忘掉前任毁枯,我火速辦了婚禮慈缔,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘种玛。我一直安慰自己胀糜,他們只是感情好,可當(dāng)我...
    茶點(diǎn)故事閱讀 65,404評論 5 384
  • 文/花漫 我一把揭開白布蒂誉。 她就那樣靜靜地躺著教藻,像睡著了一般。 火紅的嫁衣襯著肌膚如雪右锨。 梳的紋絲不亂的頭發(fā)上括堤,一...
    開封第一講書人閱讀 49,749評論 1 289
  • 那天,我揣著相機(jī)與錄音绍移,去河邊找鬼悄窃。 笑死,一個(gè)胖子當(dāng)著我的面吹牛蹂窖,可吹牛的內(nèi)容都是我干的轧抗。 我是一名探鬼主播,決...
    沈念sama閱讀 38,902評論 3 405
  • 文/蒼蘭香墨 我猛地睜開眼瞬测,長吁一口氣:“原來是場噩夢啊……” “哼横媚!你這毒婦竟也來了纠炮?” 一聲冷哼從身側(cè)響起,我...
    開封第一講書人閱讀 37,662評論 0 266
  • 序言:老撾萬榮一對情侶失蹤灯蝴,失蹤者是張志新(化名)和其女友劉穎恢口,沒想到半個(gè)月后,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體穷躁,經(jīng)...
    沈念sama閱讀 44,110評論 1 303
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡耕肩,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 36,451評論 2 325
  • 正文 我和宋清朗相戀三年,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了问潭。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片猿诸。...
    茶點(diǎn)故事閱讀 38,577評論 1 340
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡,死狀恐怖狡忙,靈堂內(nèi)的尸體忽然破棺而出两芳,到底是詐尸還是另有隱情,我是刑警寧澤去枷,帶...
    沈念sama閱讀 34,258評論 4 328
  • 正文 年R本政府宣布怖辆,位于F島的核電站,受9級(jí)特大地震影響删顶,放射性物質(zhì)發(fā)生泄漏竖螃。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 39,848評論 3 312
  • 文/蒙蒙 一逗余、第九天 我趴在偏房一處隱蔽的房頂上張望特咆。 院中可真熱鬧,春花似錦录粱、人聲如沸腻格。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,726評論 0 21
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽菜职。三九已至,卻和暖如春旗闽,著一層夾襖步出監(jiān)牢的瞬間酬核,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 31,952評論 1 264
  • 我被黑心中介騙來泰國打工适室, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留嫡意,地道東北人。 一個(gè)月前我還...
    沈念sama閱讀 46,271評論 2 360
  • 正文 我出身青樓捣辆,卻偏偏與公主長得像蔬螟,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個(gè)殘疾皇子汽畴,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 43,452評論 2 348

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

  • 微信小程序正式公測旧巾,張小龍全面闡述小程序耸序,定檔1月9日上線(附90分鐘演講全文) ... 前言:新人第一坑,跳坑指...
    米飯超人閱讀 7,815評論 0 25
  • 有個(gè)段子: 一個(gè)年輕人問大師:“為什么我都追不到女生坐昙,女孩子都不喜歡我绳匀。” 大師說:“To be a leader...
    吹帆帆閱讀 3,438評論 12 13
  • More than 250 corporate signatories joined together to tr...
    Berry521閱讀 144評論 0 0
  • 好想見你 見到我期盼的你 好想見你 見到我留意的你 專屬天使的情感 將你的身影裹囊 隱藏在深淵腦海 時(shí)間流轉(zhuǎn)不倒轉(zhuǎn)...
    MsDiva閱讀 211評論 0 2
  • 開始每天課程之前炸客,先來看《五大數(shù)字力》總體思維導(dǎo)圖疾棵,方便新來的同學(xué)有個(gè)大體的概念。 從導(dǎo)圖中痹仙,可以看到目前的學(xué)習(xí)進(jìn)...
    富有寶媽閱讀 6,092評論 1 3