本篇文章給大家談?wù)勎⑿判〕绦蜷_發(fā)授權(quán)文檔，以及微信小程序授權(quán)登錄開發(fā)對(duì)應(yīng)的知識(shí)點(diǎn)，希望對(duì)各位有所幫助，不要忘了收藏本站喔。

微信小程序怎么開發(fā)

第一章：準(zhǔn)備工作

做好準(zhǔn)備工作很重要。開發(fā)一個(gè)微信應(yīng)用號(hào)，你需要提前到微信的官方網(wǎng)站下載開發(fā)者工具。

1.下載最新微信開發(fā)者工具，打開后你會(huì)看到該界面：

2. 點(diǎn)擊「新建 web+」項(xiàng)目

3. 該頁(yè)面內(nèi)的各項(xiàng)內(nèi)容需要注意——

AppID：依照官方解釋來填。

Appname: 項(xiàng)目最外層文件夾名稱，如你將其命名為「ABC」，則之后的全部項(xiàng)目?jī)?nèi)容均將保存在「/ABC/…」目錄下。

本地開發(fā)目錄：項(xiàng)目存放在本地的目錄。

注：再次強(qiáng)調(diào)，如果你和團(tuán)隊(duì)成員共同開發(fā)該項(xiàng)目，則建議你們使用同樣的目錄名稱及本地目錄，以確保協(xié)同開發(fā)的統(tǒng)一性。如果你之前已有項(xiàng)目，則導(dǎo)入過程與以上內(nèi)容近似，不再贅述。

4. 準(zhǔn)備工作全部完成后，點(diǎn)擊「新建項(xiàng)目」按鈕，彈出框點(diǎn)「確定」

5.此刻，微信開發(fā)者工具已經(jīng)為你自動(dòng)構(gòu)建了一個(gè)初始的demo項(xiàng)目，該項(xiàng)目?jī)?nèi)包含了一個(gè)微信應(yīng)用項(xiàng)目所需具備的基本內(nèi)容和框架結(jié)構(gòu)。點(diǎn)擊項(xiàng)目名稱（圖中即「cards」）進(jìn)入該項(xiàng)目，就能看到整個(gè)項(xiàng)目的基本架構(gòu)了：

第二章：項(xiàng)目構(gòu)架

微信目前用戶群體非常龐大，微信推出公眾號(hào)以后，火爆程度大家都看得到，也同樣推動(dòng)著 Html 5 的高速發(fā)展，隨著公眾號(hào)業(yè)務(wù)的需求越來越復(fù)雜，應(yīng)用號(hào)現(xiàn)在的到來也是恰到好處。

微信提供給開發(fā)者的方式也在發(fā)生全面的改變：從操作 DOM 轉(zhuǎn)為操作數(shù)據(jù)，基于微信提供的一個(gè)過橋工具實(shí)現(xiàn)很多 Html 5 在公眾號(hào)很難實(shí)現(xiàn)的功能，有點(diǎn)類似于 hybrid 開發(fā)，不同于 hybrid 開發(fā)的方式是：微信開放的接口更為嚴(yán)謹(jǐn)，結(jié)構(gòu)必須采用他提供給的組件，外部的框架和插件都不能在這里使用上，讓開發(fā)者完全脫離操作 DOM，開發(fā)思想轉(zhuǎn)變很大。

工欲善其事，必先利其器。理解它的核心功能非常重要，先了解它的整個(gè)運(yùn)作流程。

生命周期：

在index.js里面：

開發(fā)者工具上 Console 可以看到：

在首頁(yè) console 可以看出順序是 App Launch–App Show–onLoad–onShow–onReady。

首先是整個(gè) app 的啟動(dòng)與顯示，app 的啟動(dòng)在 app.js 里面可以配置，其次再進(jìn)入到各個(gè)頁(yè)面的加載顯示等等?？梢韵胂蟮竭@里可以處理很多東西了，如加載框之類的都可以實(shí)現(xiàn)等等。

路由：

路由在項(xiàng)目開發(fā)中一直是個(gè)核心點(diǎn)，在這里其實(shí)微信對(duì)路由的介紹很少，可見微信在路由方面經(jīng)過很好的封裝，也提供三個(gè)跳轉(zhuǎn)方法。

wx.navigateTo(OBJECT)：保留當(dāng)前頁(yè)面，跳轉(zhuǎn)到應(yīng)用內(nèi)的某個(gè)頁(yè)面，使用wx.navigateBack可以返回到原頁(yè)面。

wx.redirectTo(OBJECT)：關(guān)閉當(dāng)前頁(yè)面，跳轉(zhuǎn)到應(yīng)用內(nèi)的某個(gè)頁(yè)面。

wx.navigateBack()：關(guān)閉當(dāng)前頁(yè)面，回退前一頁(yè)面。

這三個(gè)基本上使用足夠，在路由方面微信封裝的很好，開發(fā)者根本不用去配置路由，往往很多框架在路由方面配置很繁瑣。

組件：

此次微信在組件提供方面也是非常全面，基本上滿足項(xiàng)目需求，故而開發(fā)速度非常快，開發(fā)前可以認(rèn)真瀏覽幾次，開發(fā)效率會(huì)很好。

其它：

任何外部框架以及插件基本上無法使用，就算原生的 js 插件也很難使用，因?yàn)橐郧暗?js 插件也基本上全部是一操作 dom 的形式存在，而微信應(yīng)用號(hào)此次的架構(gòu)是不允許操作任何 dom，就連以前開發(fā)者們習(xí)慣使用的動(dòng)態(tài)設(shè)置的rem.js也是不支持的。

企業(yè)微信中的小程序

在企業(yè)微信中使用小程序

概述

企業(yè)微信移動(dòng)客戶端有內(nèi)置小程序基礎(chǔ)庫(kù)，微信小程序可在企業(yè)微信上運(yùn)行，同時(shí)開發(fā)者也可以針對(duì)企業(yè)微信提供的特殊接口開發(fā)出更適應(yīng)于企業(yè)內(nèi)部場(chǎng)景的小程序。需注意，企業(yè)微信只支持運(yùn)行已在微信側(cè)上架的小程序。 更多詳細(xì)介紹可點(diǎn)擊查看 企業(yè)微信小程序開發(fā)文檔

小程序關(guān)聯(lián)到企業(yè)微信

目前，開發(fā)者可將小程序關(guān)聯(lián)到企業(yè)微信，關(guān)聯(lián)后可設(shè)置在企業(yè)微信的工作臺(tái)與個(gè)人對(duì)外信息展示小程序。

關(guān)聯(lián)入口

可通過以下兩個(gè)方式找到關(guān)聯(lián)小程序到企業(yè)微信的入口：

1.可前往企業(yè)微信管理后臺(tái)-進(jìn)入應(yīng)用與小程序-小程序-關(guān)聯(lián)小程序 詳情

2.登錄小程序管理后臺(tái)-設(shè)置tab-關(guān)聯(lián)設(shè)置，找到關(guān)聯(lián)到企業(yè)微信-前往關(guān)聯(lián)的入口?

關(guān)聯(lián)步驟

1.登錄企業(yè)微信管理后臺(tái)-進(jìn)入應(yīng)用與小程序-小程序-關(guān)聯(lián)小程序；或登錄小程序管理后臺(tái)-設(shè)置tab-關(guān)聯(lián)設(shè)置，找到關(guān)聯(lián)到企業(yè)微信-前往關(guān)聯(lián)的入口

2.關(guān)聯(lián)需要小程序開發(fā)者授權(quán)，故會(huì)跳轉(zhuǎn)到公眾平臺(tái)中進(jìn)行一次授權(quán)掃碼，請(qǐng)使用要關(guān)聯(lián)的小程序所屬的管理員微信號(hào)進(jìn)行掃碼授權(quán)

3.對(duì)小程序進(jìn)行可見范圍的設(shè)置?

4.關(guān)聯(lián)完成，設(shè)置了可見范圍的企業(yè)成員可以在工作臺(tái)看到關(guān)聯(lián)的小程序。

注： 小程序被關(guān)聯(lián)到了哪些企業(yè)，可以統(tǒng)一在小程序后臺(tái)設(shè)置-關(guān)聯(lián)設(shè)置-關(guān)聯(lián)到企業(yè)微信中看到關(guān)聯(lián)記錄。

企業(yè)微信小程序開發(fā)文檔 企業(yè)微信提供了特有的API，可供開發(fā)者開發(fā)更適合企業(yè)場(chǎng)景的小程序；同時(shí)，由于平臺(tái)有差異性，會(huì)有一定適配工作；以及如何調(diào)試企業(yè)微信小程序等更多的開發(fā)相關(guān)文檔，請(qǐng)點(diǎn)擊查閱 企業(yè)微信開發(fā)文檔

微信小程序用戶授權(quán)登錄

1、appid: 微信小程序/公眾號(hào)的唯一憑證，即 AppID。

獲取途徑：可在「微信公眾平臺(tái) - 設(shè)置 - 開發(fā)設(shè)置」頁(yè)中獲得。（需要已經(jīng)成為開發(fā)者，且?guī)ぬ?hào)沒有異常狀態(tài)）

用途：小程序的 AppID 相當(dāng)于小程序平臺(tái)的一個(gè)身份證，會(huì)在很多場(chǎng)景中使用，比如小程序的登錄、授權(quán)等

2、openID: openID 是微信生態(tài)下 應(yīng)用的唯一標(biāo)識(shí) ， ，即同一個(gè)用戶在不同的小程序下的openid是不同的。

獲取途徑：調(diào)用 auth.code2Session 接口，通過code（登錄憑證，調(diào)用wx.login獲取）+appid+appsecret（小程序密鑰，獲取方式和appid一樣）可以換取openid，即 靜默授權(quán)。

用途：用于在開發(fā)者系統(tǒng)中標(biāo)識(shí)用戶信息

3、UnionID：UnionID 是微信生態(tài)下 用戶的唯一標(biāo)識(shí) ，換句話說，同一用戶，對(duì)同一個(gè)微信開放平臺(tái)下的不同應(yīng)用，UnionID是相同的。

獲取途徑：綁定了開發(fā)者帳號(hào)的小程序，可以通過以下途徑獲取 UnionID。

1）開發(fā)者可以直接通過 wx.login + code2Session 獲取到該用戶 UnionID，無須用戶授權(quán)。

2）小程序端調(diào)用云函數(shù)時(shí)，可在云函數(shù)中通過 Cloud.getWXContext 獲取 UnionID。

用途：標(biāo)識(shí)同一個(gè)微信開放平臺(tái)下的用戶，可用于去重判斷

也就是我們常用的微信移動(dòng)端/PC端之間的掃碼登錄，PC端用微信掃碼登錄，微信移動(dòng)端確認(rèn)授權(quán)登錄后，應(yīng)用可以從微信拿到用戶的open id或union id，將微信獲取的用戶信息與自己賬戶體系中的用戶身份進(jìn)行關(guān)聯(lián)；

需要用戶確認(rèn)登錄，這樣可以通過用戶的個(gè)人確認(rèn)，獲取用戶全面的信息，無論是否關(guān)注相關(guān)微信公眾號(hào)等都可以獲取。

1、靜默授權(quán)不需要用戶確認(rèn)，只需要用戶訪問某個(gè)網(wǎng)頁(yè)，屬于嵌套在普通網(wǎng)頁(yè)里的授權(quán)形式，但是只能獲取到用戶的唯一標(biāo)示openid和union id，無法拿到用戶的微信頭像、微信名稱等個(gè)人信息，對(duì)于用戶的簡(jiǎn)單認(rèn)證還是很有用的。

2、靜默授權(quán)的過程：

1）調(diào)用 wx.login() 獲取 臨時(shí)登錄憑證code

2）調(diào)用 auth.code2Session 接口，換取用戶唯一標(biāo)識(shí) openID

3）調(diào)用本地后臺(tái)服務(wù)，將 openID 映射到本地的 userId

微信開發(fā)文檔-小程序登錄流程

參考文章：

1、 【微信小程序用戶授權(quán)登錄】

2、 微信第三方登錄（靜默授權(quán)和非靜默授權(quán)）

3、 openid會(huì)變嗎？微信小程序開發(fā)中的appid、openid、unionid使用總結(jié)

微信小程序開發(fā)授權(quán)文檔的介紹就聊到這里吧，感謝你花時(shí)間閱讀本站內(nèi)容，更多關(guān)于微信小程序授權(quán)登錄開發(fā)、微信小程序開發(fā)授權(quán)文檔的信息別忘了在本站進(jìn)行查找喔。