title: 微信小程序第一篇HelloWord
date: 2018-03-06 03:33:00
tags:

  • WeChat
    category:
  • WeChat
    description: 微信小程序第一篇HelloWord

准备工作

1、注册微信公众号(小程序)

2、微信开发软件下载地址​​点击下载​

3、注册号信息之后,我们会受到一个​​AppID​​​ 和一个​​AppSecret​​,如下图所示

微信小程序第一篇HelloWord_微信公众号

1、打开软件之后,会自动出现如下的代码

微信小程序第一篇HelloWord_小程序_02

2、介绍下主要代码的构成

微信小程序第一篇HelloWord_微信小程序_03

3、修改​​HelloWord​​ 为你好,世界

修改index.js中的代码如下

Page({
data: {
motto: '你好,世界',
userInfo: {},
hasUserInfo: false,
canIUse: wx.canIUse('button.open-type.getUserInfo')
},

4、重新编译,上传代码

微信小程序第一篇HelloWord_小程序_04

5、打开​​网址进行审核​

选中体验版本,然后扫码,即可预览

微信小程序第一篇HelloWord_小程序_05

微信小程序第一篇HelloWord_微信小程序_06

6、手机预览

微信小程序第一篇HelloWord_微信_07

微信小程序第一篇HelloWord_微信_08