① 後台管理系統有管理員與用戶 整合微信小程序怎麼實現登錄
1、打開瀏覽器搜索框輸入「微信公眾平台」,點擊搜索。
?
?2、點擊出現的「微信公眾平台」官網進入,找到並點擊「小程序」選項。
?
?3、滑鼠放在「小程序」按鈕上出現「查看詳情」。
?
?4、點擊進入後選擇「前往注冊」。
?
?5、根據提示信息,按照要求填寫即可完成注冊。
?
?6、注冊完後再點擊登錄就可以了。
② 鏁欎綘綆鍗曞疄鐜板皬紼嬪簭鐨勪竴閿鐧誨綍銆佸綋鍓嶇敤鎴楓佺敤鎴峰畨鍏ㄥ姛鑳
浼犵粺寮鍙戝皬紼嬪簭鐧誨綍鍚庣宸ヤ綔錛
鍒╃敤bmob鐨勫皬紼嬪簭sdk鐨勫疄鐜 涓閿鐧誨綍 錛
浠ヤ笂鍚庣寮鍙戝伐浣滃叏鐪佷簡錛侊紒錛
user鐢ㄦ埛瀵硅薄涓鐨 loginWithWeapp 鏂規硶浣跨敤褰撳墠浣跨敤灝忕▼搴忕殑寰淇$敤鎴瘋韓浠芥敞鍐屾垨鐧誨綍錛屾垚鍔熷悗鐢ㄦ埛鐨 session 浼氬湪璁懼囦笂鎸佷箙鍖栦繚瀛橈紝涔嬪悗鍙浠ヤ嬌鐢 Bmob.User.current() 鑾峰彇褰撳墠鐧誨綍鐢ㄦ埛
濡傛灉璇ョ敤鎴鋒槸絎涓嬈′嬌鐢ㄦゅ簲鐢錛岃皟鐢ㄧ櫥褰 API 浼氬壋寤轟竴涓鏂扮殑鐢ㄦ埛錛屼綘鍙浠ュ湪 鎺у埗鍙 >搴旂敤> 鏁版嵁 涓鐨 _User 琛ㄤ腑鐪嬪埌璇ョ敤鎴風殑淇℃伅錛屽傛灉璇ョ敤鎴鋒浘緇忎嬌鐢ㄨユ柟寮忕櫥褰曡繃姝ゅ簲鐢錛屽啀嬈¤皟鐢ㄧ櫥褰 API 浼氳繑鍥炲悓涓涓鐢ㄦ埛銆
鐧誨綍鍚庤幏鍙栧埌涓涓鐢ㄦ埛鏁版嵁瀵硅薄錛屽寘鎷鐢ㄦ埛鍞涓鏍囪瘑 objectId銆乷penid銆乶ickName銆乤vatarUrl銆乤uthData錛宎uthData 鍖呮嫭session_token鐧誨綍鏍¢獙錛屽皬紼嬪簭sdk灝佽呬簡璇鋒眰甯︿笂浜嗙紦瀛 authData 鐨剆ession_token錛屾墍浠session_token榪欓儴鍒 涓嶉渶瑕乥mob鐨勫紑鍙戣呰冭檻錛
濡傛灉鐢ㄦ埛姣忔℃墦寮App鐨勬椂鍊欓兘瑕佹眰鐧誨綍鏃犵枒鏄浠や漢鎰熷埌鍘岀儲鐨勶紝浣犲彲浠ラ氳繃緙撳瓨褰撳墠鐨凚mob.User瀵硅薄鏉ラ伩鍏嶈繖涓闂棰樸
鏃犺轟綘浣跨敤浠諱綍娉ㄥ唽鎴栬呯櫥褰曟柟娉曪紝鐢ㄦ埛閮戒細鍦╨ocalStorage涓鍌ㄥ瓨錛屼綘鍙浠ユ妸緙撳瓨浣滀負涓涓猻ession瀵瑰緟錛屽苟涓旇嚜鍔ㄥ亣璁劇敤鎴峰凡緇忕櫥褰曚簡銆
浣犲彲浠ユ搷浣 Bmob.User.current() 鏉ヨ幏鍙栧綋鍓嶇敤鎴風殑淇℃伅
Bmob.User綾婚粯璁ゅ氨鏄鍙椾繚鎶ょ殑錛屽湪Bmob.User涓淇濆瓨鐨勬暟鎹鍙鑳借閭d釜鐢ㄦ埛鎵淇鏀廣傞粯璁ゅ湴錛屾暟鎹浠嶇劧鍙浠ヨ浠繪剰瀹㈡埛絝鎵璇誨彇銆傝繖鏍峰氨鏄璇達紝鏈変簺Bmob.User瀵硅薄琚璁よ瘉鍚庢槸鍙浠ヤ慨鏀圭殑錛屽叾浠栫殑浠嶇劧鏄鍙璇葷殑銆
鐗瑰埆鐨勶紝浣犱笉鑳借皟鐢╯ave鎴栬卍elete鏂規硶闄ら潪Bmob.User緇忚繃浜嗚よ瘉錛屽氨姣斿傝皟鐢ㄨ繃浜唋ogIn鎴栬卻ignUp鏂規硶錛岃繖鏍蜂繚璇佸彧鏈夌敤鎴瘋兘鏀瑰姩浠栦滑鑷韜鐨勬暟鎹銆
鎬庝箞鏍鳳紝閮藉緢綆鍗曞惂錛
Bmob鍦板潃錛 www.bmob.cn
③ 在 towify 製作小程序時,如何配置「獲取手機驗證碼登錄」功能
先准備一個手機號,然後按照以下7個步驟實行:
第一步,創建用戶表:打開數據中心,創建用戶表。
第二步,添加輸入框組件:添加「請輸入手機號碼」輸入框組件,接著添加「輸入驗證碼」組件,最後配置輸入框組件自定義數據。
第三步,添加觸發按鈕:添加獲取驗證碼按鈕組件,然後添加登錄按鈕組件,最後配置按鈕組件。
第四步,創建發送手機驗證碼事件:先打開事件中心,點擊自定義事件,創建發送簡訊驗證碼事件。
第五步,創建手機登錄事件:點擊手機登錄事件,然後配置手機登錄事件。
第六步,配置獲取驗證碼按鈕觸發器:先要選中獲取驗證碼按鈕,然後創建發送驗證碼觸發器(發送提示對話框需要額外添加),最後是配置觸發器。
第七步,配置登錄按鈕觸發器:選中登錄按鈕,創建登錄觸發器(數據事件響應設置中需要額外各自配置一個成功提示和失敗提示的對話框),最後配置觸發器。
如果你按照以上7個步驟完成操作,那你就成功配置了「獲取手機驗證碼登錄」功能啦~
④ 濡備綍鎺堟潈寰淇″皬紼嬪簭鐧誨綍錛
瑕佸湪搴旂敤瀹濅腑鎺堟潈寰淇″皬紼嬪簭鐧誨綍錛岄渶瑕佹寜鐓т互涓嬫ラゆ搷浣滐細
1. 鎵撳紑寰淇″皬紼嬪簭鐨勫紑鍙戣呭伐鍏鳳紝榪涘叆灝忕▼搴忕殑璁劇疆欏甸潰錛屾壘鍒扳滃紑鍙戣劇疆鈥濅腑鐨勨淎ppID鈥濓紝澶嶅埗璇ID銆
2. 鍦ㄥ簲鐢ㄥ疂寮鍙戣呬腑蹇冧腑鍒涘緩涓涓鏂扮殑搴旂敤錛屽苟鍦ㄥ簲鐢ㄨ劇疆涓鎵懼埌鈥滃井淇$櫥褰曗濋夐」錛岀偣鍑燴滃紑鍚鈥濄
3. 鍦ㄢ滃井淇$櫥褰曗濋〉闈涓錛屽~鍐欏皬紼嬪簭鐨凙ppID錛屽苟璁劇疆鎺堟潈鍥炶皟鍩熷悕銆
4. 鍦ㄥ皬紼嬪簭涓娣誨姞鈥滃井淇$櫥褰曗濆姛鑳斤紝騫跺湪浠g爜涓璋冪敤鈥渨x.login鈥濇柟娉曡幏鍙栫敤鎴風殑鐧誨綍鍑璇併
5. 鍦ㄥ簲鐢ㄥ疂涓錛屼嬌鐢ㄢ滃井淇$櫥褰曗濆姛鑳界殑API錛岃皟鐢ㄢ渨x.login鈥濇柟娉曡繑鍥炵殑鐧誨綍鍑璇侊紝鑾峰彇鐢ㄦ埛鐨刼penid鍜宻ession_key銆
6. 灝嗙敤鎴風殑openid鍜宻ession_key淇濆瓨鍒板簲鐢ㄥ疂涓錛屼互渚垮悗緇浣跨敤銆
7. 鍦ㄥ皬紼嬪簭涓錛屼嬌鐢ㄢ渨x.getUserInfo鈥濇柟娉曡幏鍙栫敤鎴風殑鍩烘湰淇℃伅錛屽苟灝嗗叾淇濆瓨鍒板簲鐢ㄥ疂涓銆
8. 鍦ㄥ簲鐢ㄥ疂涓錛屼嬌鐢ㄤ繚瀛樼殑鐢ㄦ埛淇℃伅錛屽壋寤轟竴涓鏂扮殑鐢ㄦ埛璐﹀彿錛屽苟灝嗗叾涓庡皬紼嬪簭涓鐨勭敤鎴瘋處鍙峰叧鑱旇搗鏉ャ
9. 瀹屾垚浠ヤ笂姝ラゅ悗錛岀敤鎴峰氨鍙浠ュ湪搴旂敤瀹濅腑浣跨敤寰淇″皬紼嬪簭鐧誨綍浜嗐
⑤ 微信小程序實現登錄頁面及表單驗證
本文主要圍繞微信小程序自定義登錄頁面布局及常規校驗,完成登錄操作。
1.常規登錄頁面布局
2.表單驗證 登錄號碼 密碼非空校驗提示,長度控制等常規操作
3.表單提交
4.輪播圖
5.本地緩存功能
⑥ 微信小程序的登錄流程
傳統的web開發實現登陸功能,一般的做法是輸入賬號密碼、或者輸入手機號及簡訊驗證碼進行登錄。
服務端校驗用戶信息通過之後,下發一個代表登錄態的 token 給客戶端,以便進行後續的交互,每當token過期,用戶都需要重新登錄。
而在微信小程序中,可以通過微信官方提供的登錄能力方便地獲取微信提供的用戶身份標識,快速建立小程序內的用戶體系,從而實現登陸功能。
實現小程序用戶體系主要涉及到openid和code的概念:
1.調用wx.login()方法會生成code,將code作為參數傳遞給微信伺服器指定介面,就可以獲取用戶的openid。
2.對於每個小程序,微信都會將用戶的微信ID映射出一個小程序 openid,作為這個用戶在這個小程序的唯一標識。
微信小程序登陸具體實現的邏輯如下圖所示:
更加詳細的功能圖如下所示:
實際業務中,我們還需要登錄態是否過期,通常的做法是在登錄態(臨時令牌)中保存有效期數據,該有效期數據應該在服務端校驗登錄態時和約定的時間(如服務端本地的系統時間或時間伺服器上的標准時間)做對比。
這種方法需要將本地存儲的登錄態發送到小程序的服務端,服務端判斷為無效登錄態時再返回需重新執行登錄過程的消息給小程。
另一種方式可以通過調用wx.checkSession檢查微信登陸態是否過期:
1.如果過期,則發起完整的登錄流程
2.如果不過期,則繼續使用本地保存的自定義登錄態
這種方式的好處是不需要小程序服務端來參與校驗,而是在小程序端調用AP,流程如下所示: