最近學習前端感覺很多知識學起來(lái)容易，但是(shì)很多知識點很容易忘記，想做一個(gè)工具來(lái)方便自己來(lái)學習，正好結合小程序，分享給大(dà)家。照顧初學者，可能講的(de)比較細，理解哈。

準備工具

1. 小程序一個(gè)
   已申請（名稱是(shì)：web前端進化之(zhī)路）
2. 比目後端雲
   作爲(wéi / wèi)服務器後端（免費版夠用）

一）創建小程序

填入我們的(de)appid，勾選默認模闆（不(bù)帶騰訊雲開發的(de)那個(gè)模闆），這(zhè)個(gè)會默認給我們生成基本的(de)幾個(gè)文件。

二）創建成功之(zhī)後是(shì)以(yǐ)下界面

這(zhè)是(shì)初始化之(zhī)後的(de)項目目錄結構

三） 比目後端和(hé / huò)小程序配置

3.1 注冊比目後端雲賬号比目後端雲官網

3.2 創建小程序項目（項目類型選擇小程序）

3.3 進入項目之(zhī)後，點擊設置，應用配置，可以(yǐ)看到(dào)對應的(de)url

3.4 進入小程序管理頁面，點擊設置，開發設置，點擊服務器配置，

然後将比目後端的(de)鏈接對應的(de)copy進去，如下圖

點擊保存并提交

此時(shí)我們已經完成了(le／liǎo)小程序的(de)的(de)域名請求配置。接下來(lái)是(shì)獲取小程序的(de)key，并對應配置到(dào)比目後端，這(zhè)個(gè)key是(shì)比目獲取用戶openid的(de)關鍵，爲(wéi / wèi)了(le／liǎo)以(yǐ)後其他(tā)地(dì / de)方使用，建議獲取之(zhī)後保存起來(lái)，接下來(lái)跟着我們操作。

3.5 獲取key，點擊生成，即可生成一串28位的(de)字符，複制

點擊複制，并關閉保存，将key保存到(dào)本地(dì / de)文件中

3.6 配置到(dào)比目後端

将密匙複制到(dào)輸入框，點擊保存，到(dào)此爲(wéi / wèi)止，小程序和(hé / huò)比目的(de)配置完成了(le／liǎo)

四）下載最新的(de)js文件

在(zài)比目後台的(de)右下角，點擊下載

點擊下載

附上(shàng)下載網址

下載之(zhī)後，copy到(dào)小程序本地(dì / de)的(de)utils目錄下
我爲(wéi / wèi)了(le／liǎo)方便重命名爲(wéi / wèi)bmob.js

五)開始開發吧

5.1修改app.js

//app.js
var Bmob = require('utils/bmob.js')
Bmob.initialize("你的(de)比目appid", "你的(de)比目密匙");
App({
  alt="在(zài)這(zhè)裏插入圖片描述" />
 如果出(chū)現上(shàng)面的(de)錯誤不(bù)用着急，因爲(wéi / wèi)我們剛剛已經配置，但是(shì)本地(dì / de)沒有刷新，所以(yǐ)點擊開發者工具右上(shàng)角的(de)詳情，點擊域名信息，進行刷新，出(chū)現我們之(zhī)前設置的(de)域名即可，然後重新編譯即可
 
 刷新之(zhī)後出(chū)現沒有填寫appsecret，我們剛剛明明已經填寫了(le／liǎo) 

 這(zhè)個(gè)報錯我遇到(dào)過幾次，稍等一下，再次刷新
 
 這(zhè)個(gè)提示說(shuō)明已經接通了(le／liǎo)，現在(zài)進入比目後台看一下用戶表，點擊數據，_User是(shì)默認的(de)用戶表，現在(zài)表示已經獲取到(dào)用戶信息啦
 
 這(zhè)一章基本就(jiù)完成啦，配置接通了(le／liǎo)比目和(hé / huò)小程序，下一章開始真正的(de)開發啦
 
小程序交流群人(rén)數到(dào)了(le／liǎo)上(shàng)線，隻能邀請入群了(le／liǎo)，進群的(de)話，加我微信吧
 
 最後附上(shàng)一個(gè)組件庫
 完整demo