码迷,mamicode.com
首页 > 微信 > 详细

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

时间:2016-11-30 04:08:00      阅读:382      评论:0      收藏:0      [点我收藏+]

标签:app.js   加载   images   console   双击   world   步骤   代码示例   本地缓存   

项目创建的步骤:(以mac版为例)

1.在"应用程序"中,双击"微信web开发者工具.app", 如图:

技术分享

2. 选择类型

技术分享 

3.点击"+"

技术分享

4.点击无AppID

技术分享

注:因为没有开发资格所以要选择无AppID

5.填写项目名称和项目目录

技术分享

注意两点:

1.项目文件夹不能用中文;

2.新建项目文件夹要建一个空的文件夹。

6.新建之后的文件目录结构

技术分享

app.js------应用程序逻辑

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

app.wxss------应用程序公共样式

7. 添加hello world

技术分享

 

8.运行结果

技术分享

代码示例:

 1 //app.js
 2 App({
 3   onLaunch: function () {
 4 
 5     //程序加载的时候添加
 6     console.log(‘hello world‘)
 7 
 8     //调用API从本地缓存中获取数据
 9     var logs = wx.getStorageSync(logs) || []
10     logs.unshift(Date.now())
11     wx.setStorageSync(logs, logs)
12   },
13   getUserInfo:function(cb){
14     var that = this
15     if(this.globalData.userInfo){
16       typeof cb == "function" && cb(this.globalData.userInfo)
17     }else{
18       //调用登录接口
19       wx.login({
20         success: function () {
21           wx.getUserInfo({
22             success: function (res) {
23               that.globalData.userInfo = res.userInfo
24               typeof cb == "function" && cb(that.globalData.userInfo)
25             }
26           })
27         }
28       })
29     }
30   },
31   globalData:{
32     userInfo:null
33   }
34 })

 

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

标签:app.js   加载   images   console   双击   world   步骤   代码示例   本地缓存   

原文地址:http://www.cnblogs.com/loveDodream-zzt/p/6116076.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!