微信小程式

微信小程式：
            app.js:小程式的入口，全域性變數以及獲取使用者資訊都存放在這裡。
app.json:介面的路徑(會自動生成)，tarBar在這裡定義。
app.wxss:類似與css,全域性的樣式我們一般寫在這裡。
utils:一些工具js存放在這裡。
pages：詳細介面部署在這裡面。
images:存放圖片。
關於app.js：在這裡面我主要使用這幾個介面：wx.login()=>這裡有成功和失敗兩種結果:success:res=>{}和fail:res=>{}但是我只寫了成功的情況。
登入成功後：微信會返回我們一個code(res.code)我們開始獲取使用者資訊，也就是wx.getUserInfo({})這個介面,在首次載入小程式的時候使用者會彈出
是否授權的彈窗，也就是是否允許我們獲取該使用者的資訊

(微信小程式一直秉承在不獲取使用者資訊的情況下，讓使用者去體驗小程式，但是個別企業或者介面的需求會產生必要的使用者資訊，這時候微信也不得不讓
客戶自己選擇讓個人資訊可被獲取),在我的專案裡面，點贊和評論都需要個人資訊，但是檢視文章，聽資訊，獲取智慧產品的最新資訊這些無需使用者授權
即可看到(我們很樂意自己的產品和文章被所有人看到的前提下)

所以會出現下面兩種情況了：
①：我們成功的獲取到使用者資訊：即success：res=>{
//業務邏輯
wx.request({
url:
method:
data:{//POST請求
}
success：res=>{
//儲存自己的全域性變數或者其他的業務需求
}
})
}
②：我們沒有獲取到使用者資訊: 也就是fail:res=>{
wx.showModal({
                    title: '提示',
                    content: '您點選了拒絕授權，部分功能無法體驗。。',
                    success: function (res) {
                        console.log('使用者點選確定')
//這個是用於當客戶進行一些需要我們客戶資訊的操作時候，判斷依據
//比如每次點讚的時候我都判斷一些UserInfoFail是否為true,是的話說明使用者沒授權，那我們就彈出授權框讓其授權
//如何授權下面會說到
                        getApp().globalData.UserInfoFail = true;                    
                    }
                  })
}

授權：
//雖然小程式定義是C/S，但是不可操作dom標籤元素，每次頁面渲染我們都需要setData一下。
if(app.globalData.UserInfoFail){
         this.setData({
         show:true
         })
         return false;
         }
         else{
         return true;
        }
show也就是彈出提示框讓該使用者授權：介面：wx.openSetting({})

關於點贊：
 
對於一些請求，我們儘量不要在等請求返回結果時候再對資料操作（既同步），儘量非同步，也就是你傳送你的請求
我點讚的效果跟點贊數的變化，不等你請求返回後才變化，那樣會太慢（返回結果有時候需要十幾二十幾秒，你讓客戶等這麼久才
給他出現一個點讚的效果？）。
 
關於js,時刻記住小程式執行程式碼是一個非同步的過程，例子(發表留言附帶圖片的時候，在上傳圖片到oss的時候,我們應該在圖片
完全上傳後並且返回給我們路徑的時候才能發表留言啊，雖然介面上圖片顯示出來了，但是不代表請求已經返回路徑資訊了，這個
時候我們雖然讓客戶發表留言，但是我們自己需要處理這個問題，就是客戶點選發表，我們不能干擾，但是載入的時候，我們必須
要等圖片路徑完全返回回來)
 
小程式中：上傳圖片的實質是單張上傳，多張的時候，for迴圈。
 
一些資料要用全域性變數儲存：域名，某些固定的欄位，等等，防止我們更換域名的時候，一個一個頁面的去修改這些東西。
 
目前微信小程式中只支援“視訊原始檔程式碼” 如果需要新增自己拍的視訊。還是要把視訊上傳到優酷、騰訊這類的視訊網站上，然後通過檢視原始碼並新增到小程式中                 來實現。

更多文章請關注公眾號：每天學Java。想獲得更多最新面試提醒請進入小程式：每天學Java

 公眾號二維碼：                                                                                          小程式二維碼：