uniapp - 微信公眾號授權登錄


【緣由】

采用uniapp進行微信小程序和微信公眾號雙版本開發;考慮到用戶唯一性,我們后端確定了以“unionid”.作為唯一標識。

有的小伙伴估計也是剛入這坑,我就簡單說一下步驟流程

 

【摸索】

很抱歉,這個uniapp是高度仿造微信小程序的,路由管理也是;請不要用vue的路由管理做比較

假設我們的入口是:pages/index/index ,那么我們就要在這個頁面獲取到code碼,並且與后端交互

對於這種應用,我們一般讓后端多次跳轉獲取到code,然后發送到前端,所以我和后端摸索了一下午,終於有了結果

 

【運用】

后端跳轉獲取code碼,最后拼接,假如主域名是: https://www.playsort.cn; 那么支付目錄就是: https://www.playsort.cn/ (注意參數大小寫還有就是協議,最后用真機調試)

后端:主域名是 https://www.playsort.cn,那么redirect_uri回調返回地址就是: https://www.playsort.cn/#/pages/index/index?code='xxxxxx'

前端:在onload調用一個后端獲取code的那個接口即可實現跳轉,最后在pages/index/index的options參數接受到code

 

【結尾】

我想問問uniapp公眾號怎么在本地調試呢?哈哈 - 已在示例中解決

 

【本地調試】 - 2019-09-26踩坑記錄


一、需要微信開發者工具(網頁),可能會出現跨域(CORS);接上參數

 

--args --disable-web-security --user-data-dir

 

 

 二、配置一下h5 devServer

 

 

 

三、調試一定會用到ngrok(先可以用免費版測試) ,需要把本地地址映射到域名(每次debug務必先打開瀏覽器,否則無法進行跨域請求).

詳情見本篇博主文章:微信公眾號授權問題

 

 

四、下載uniapp-前端微信公眾號授權demo

點擊下載

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM