微信小程序开发(二)-----项目的创建

项目创建的步骤:(以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')

    //调用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
  }
})