最近學(xué)習(xí)前端感覺很多知識學(xué)起來容易，但是很多知識點(diǎn)很容易忘記，想做一個工具來方便自己來學(xué)習(xí)，正好結(jié)合小程序，分享給大家。照顧初學(xué)者，可能講的比較細(xì)，理解哈。

準(zhǔn)備工具

1. 小程序一個
   已申請（名稱是：web前端進(jìn)化之路）
2. 比目后端云
   作為服務(wù)器后端（免費(fèi)版夠用）

一）創(chuàng)建小程序

填入我們的appid，勾選默認(rèn)模板（不帶騰訊云開發(fā)的那個模板），這個會默認(rèn)給我們生成基本的幾個文件。

二）創(chuàng)建成功之后是以下界面

這是初始化之后的項(xiàng)目目錄結(jié)構(gòu)

三） 比目后端和小程序配置

3.1 注冊比目后端云賬號比目后端云官網(wǎng)

3.2 創(chuàng)建小程序項(xiàng)目（項(xiàng)目類型選擇小程序）

3.3 進(jìn)入項(xiàng)目之后，點(diǎn)擊設(shè)置，應(yīng)用配置，可以看到對應(yīng)的url

3.4 進(jìn)入小程序管理頁面，點(diǎn)擊設(shè)置，開發(fā)設(shè)置，點(diǎn)擊服務(wù)器配置，

然后將比目后端的鏈接對應(yīng)的copy進(jìn)去，如下圖

點(diǎn)擊保存并提交

此時我們已經(jīng)完成了小程序的的域名請求配置。接下來是獲取小程序的key，并對應(yīng)配置到比目后端，這個key是比目獲取用戶openid的關(guān)鍵，為了以后其他地方使用，建議獲取之后保存起來，接下來跟著我們操作。

3.5 獲取key，點(diǎn)擊生成，即可生成一串28位的字符，復(fù)制

點(diǎn)擊復(fù)制，并關(guān)閉保存，將key保存到本地文件中

3.6 配置到比目后端

將密匙復(fù)制到輸入框，點(diǎn)擊保存，到此為止，小程序和比目的配置完成了

四）下載最新的js文件

在比目后臺的右下角，點(diǎn)擊下載

點(diǎn)擊下載

附上下載網(wǎng)址

下載之后，copy到小程序本地的utils目錄下
我為了方便重命名為bmob.js

五)開始開發(fā)吧

5.1修改app.js

//app.js
var Bmob = require('utils/bmob.js')
Bmob.initialize("你的比目appid", "你的比目密匙");
App({
  alt="在這里插入圖片描述" />
 如果出現(xiàn)上面的錯誤不用著急，因?yàn)槲覀儎倓傄呀?jīng)配置，但是本地沒有刷新，所以點(diǎn)擊開發(fā)者工具右上角的詳情，點(diǎn)擊域名信息，進(jìn)行刷新，出現(xiàn)我們之前設(shè)置的域名即可，然后重新編譯即可
 
 刷新之后出現(xiàn)沒有填寫appsecret，我們剛剛明明已經(jīng)填寫了
 

 這個報(bào)錯我遇到過幾次，稍等一下，再次刷新
 
 這個提示說明已經(jīng)接通了，現(xiàn)在進(jìn)入比目后臺看一下用戶表，點(diǎn)擊數(shù)據(jù)，_User是默認(rèn)的用戶表，現(xiàn)在表示已經(jīng)獲取到用戶信息啦
 
 這一章基本就完成啦，配置接通了比目和小程序，下一章開始真正的開發(fā)啦
 
小程序交流群人數(shù)到了上線，只能邀請入群了，進(jìn)群的話，加我微信吧
 
 最后附上一個組件庫
 完整demo