11-06微信小程序

· 详情见： 开发者文档

· ctrl+F: 可以快速查找开发者文档里想要的信息

准备工作？

1. 微信公众平台—>微信小程序（先自己注册好信息+记好 开发–>开发设置—>AppID）—>开发者工具---->“微信开发者工具”—>下载所需版本
2. 云开发相当于内部给你集成了一台云服务器+nodejs规范+内嵌mongoDB数据库；可以自己造接口，玩后台；
3. 设置块注释：设置—>快捷键---->“注释”—>双击屁股然后修改—>回车

理解内部代码？

1. app.json里面写配置项：
   “pages”、“windows”、“style”、“sitemapLocaltion”

"pages":[（写页面路径）
		"pages/index/index.wxml",
		"pages/logs/logs.wxml"
		]，
"windows":{(窗体的配置)
		"backgroundTextStyle":"light"
}，
"style":"v2" ; (微信按钮的一套样式)，
"sitemapLocaltion":"sitemap.json" （可以按照内容进行搜索）
								(配置小程序和页面是否被微信索引)

2. app.js里写逻辑：
   App(object)用来注册小程序，只在app.js里用 ！ 且只调用一次！

   onLaunch:function(){
   //小程序初始化完毕就走onlunch
           wx.login( )
          // 登录

    	登录成功---->在success回调函数里，wx.request(//拿到后端接口+发送 res.code )
    				到后台换取 openId, sessionKey, unionId
   

          wx.getSetting()
          // 获取用户信息
   }
   globalData:{} // 共享数据
   

App({
  onLaunch: function () {
    // 展示本地存储能力
    var logs = wx.getStorageSync('logs') || []
    logs.unshift(Date.now())
    wx.setStorageSync('logs', logs)

    // 登录
    wx.login({
      success (res) {
	    if (res.code) {
	      //发起网络请求
	      wx.request({
	        url: 'https://test.com/onLogin',
	        data: {
	          code: res.code
	        }
	      })
	    } else {
	      console.log('登录失败！' + res.errMsg)
	    }
	  }
    })
    // 获取用户信息
    wx.getSetting({
      success: res => {
        if (res.authSetting['scope.userInfo']) {
          // 已经授权，可以直接调用 getUserInfo 获取头像昵称，不会弹框
          wx.getUserInfo({
            success: res => {
              // 可以将 res 发送给后台解码出 unionId
              this.globalData.userInfo = res.userInfo

              // 由于 getUserInfo 是网络请求，可能会在 Page.onLoad 之后才返回
              // 所以此处加入 callback 以防止这种情况
              if (this.userInfoReadyCallback) {
                this.userInfoReadyCallback(res)
              }
            }
          })
        }
      }
    })
  },
  globalData: {  (共享数据！可以用 getApp().globalData.userInfo 拿取数据）
    userInfo: null
  }
})