新版微信小程序登錄注冊(cè)功能的實(shí)現(xiàn),授權(quán)登錄退出,緩存講解個(gè)人中...
新版小程序授權(quán)登錄注冊(cè)獲取頭像昵稱文檔
一，無(wú)法獲取用戶的微信頭像和昵稱最近好多同學(xué)在學(xué)習(xí)石頭哥小程序課程的時(shí)候，遇到了下面這樣的問(wèn)題，在小程序授權(quán)獲取用戶頭像和昵稱時(shí)，獲取到的是下面這樣的。
到底是什么原因?qū)е碌哪?，去小程序官方文檔一看，又是官方改規(guī)則了。
點(diǎn)進(jìn)去一看，原來(lái)小程序官方又把獲取用戶頭像的接口回收了。
再看看網(wǎng)友的評(píng)論，真是罵聲一片啊。
真是我的地盤我做主啊，我說(shuō)怎么樣就怎么樣啊。有點(diǎn)店大欺客的嫌疑了。。。但是呢，作為我們苦命的小程序開發(fā)者，官方虐我千百遍，我待官方如初戀。沒(méi)辦法啊，我們還是得用小程序不是嗎。。。。
所以石頭哥這里給大家提供幾種解決方案。
一開始我們用的是wx.getUserInfo，
再后來(lái)官方給我們換成了wx.getUserProfile
而現(xiàn)在獲取用戶頭像和昵稱，只能用下面這個(gè)方法了。
也就是官方說(shuō)的，用戶自主的頭像昵稱填寫能力
對(duì)應(yīng)學(xué)習(xí)鏈接如下
https://developers.weixin.qq.com/miniprogram/dev/framework/open-ability/userProfile.html
但是官方給的方式有點(diǎn)不太方便使用，那么石頭哥就給大家改造下，供大家使用。學(xué)習(xí)之前你要去下載一下開發(fā)者工具。
二，效果圖1，登錄注冊(cè)和新版授權(quán)登錄彈窗
授權(quán)彈窗如下，可以選擇微信頭像，也可以選擇相冊(cè)里的圖片作為頭像，我們這里可以獲取微信昵稱，也可以自己設(shè)置昵稱
1，下載開發(fā)者工具
我們開始開發(fā)前要先下載微信開發(fā)者工具。大家可以自行去百度下，也可以到小程序官方網(wǎng)站下載
也可以去學(xué)習(xí)我的零基礎(chǔ)入門小程序開發(fā)學(xué)習(xí)開發(fā)者工具的使用
https://www.bilibili.com/video/BV12T4y1E7k6
2，初始化云開發(fā)環(huán)境
我們創(chuàng)建項(xiàng)目以后，記得開通下云開發(fā)。至于如何創(chuàng)建項(xiàng)目，大家可以去看下石頭哥B站里的零基礎(chǔ)入門小程序。
開通云開發(fā)，正常新用戶都可以免費(fèi)體驗(yàn)一個(gè)月的，一個(gè)月的學(xué)習(xí)時(shí)間基本上夠我們使用了。
開通完云開發(fā)以后，就可以進(jìn)行初始化配置了。
1，在app.js里把env換成你自己的云開發(fā)環(huán)境id
2，在項(xiàng)目里的app.js里把env替換為你自己的云開發(fā)環(huán)境id就可以了
3，添加數(shù)據(jù)表
記得要添加user和user2數(shù)據(jù)表
1，登錄注冊(cè)頁(yè)核心代碼
2，wxml布局代碼
3，wxss樣式代碼
4，js邏輯代碼
全部代碼，我在B站工房（商店）給大家提供源碼，大家去獲取即可，記得給石頭哥一個(gè)好評(píng)。
大家去B站搜索 編程小石頭 去下載源碼即可。
5，代碼頁(yè)面和目錄
1，項(xiàng)目預(yù)覽
如果想在手機(jī)上查看項(xiàng)目，就點(diǎn)擊預(yù)覽或者真機(jī)調(diào)試，然后手機(jī)微信掃碼就可以在手機(jī)上查看項(xiàng)目了。
2，記得要添加user和user2數(shù)據(jù)表
3，更多課程
在線視頻：https://www.bilibili.com/video/BV1Cm411d79f
去B站搜索 編程小石頭,粉絲福利拿源碼。
4,關(guān)于論文和項(xiàng)目代碼定制
如果需要論文可以私聊石頭哥v 2501902696 進(jìn)行指導(dǎo)或者代寫。
如果需要新加功能或者個(gè)性化定制開發(fā)，也可以找石頭哥。
后面石頭哥會(huì)出更多小程序的項(xiàng)目和源碼，敬請(qǐng)期待。