【緣由】
采用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