微信小程序開發(二)-----項目的創建

項目創建的步驟:(以mac版為例)

1.在"應用程序"中,雙擊"微信web開發者工具.app", 如圖:

2. 選擇類型

 

3.點擊"+"

4.點擊無AppID

注:因為沒有開發資格所以要選擇無AppID

5.填寫項目名稱和項目目錄

注意兩點:

1.項目文件夾不能用中文;

2.新建項目文件夾要建一個空的文件夾。

6.新建之后的文件目錄結構

app.js------應用程序邏輯

app.json------應用程序配置

app.wxss------應用程序公共樣式

7. 添加hello world

 

8.運行結果

代碼示例:

//app.js
App({
  onLaunch: function () {

    //程序加載的時候添加
    console.log('hello world')  7 
    //調用API從本地緩存中獲取數據
    var logs = wx.getStorageSync('logs') || []
    logs.unshift(Date.now())
    wx.setStorageSync('logs', logs)
  },
  getUserInfo:function(cb){
    var that = this
    if(this.globalData.userInfo){
      typeof cb == "function" && cb(this.globalData.userInfo)
    }else{
      //調用登錄接口
      wx.login({
        success: function () {
          wx.getUserInfo({
            success: function (res) {
              that.globalData.userInfo = res.userInfo
              typeof cb == "function" && cb(that.globalData.userInfo)
            }
          })
        }
      })
    }
  },
  globalData:{
    userInfo:null
  }
})