小程序原型搭建

本学期系统分析与设计课程,团队项目是开发一个小型的大学生挣闲钱的小系统.在此,我写一些小程序搭建的过程.

1.注册小程序

进入微信公众平台的小程序注册界面,按照流程填写账号的相关信息.

image

登录后,进入公众平台的小程序设计设置界面,可看到AppID(小程序的唯一ID)

image

2下载并安装微信开发者工具:

前往微信公众平台工具
下载操作系统相对应的IDE安装包,按照提示完成IDE安装.

3下载安装nodejs:按照nodejs菜鸟教程下载nodejs,安装并配置nodejs环境

image

4安装生成wepy项目

(1)安装wepy命令行工具：输入命令npm install wepy-cli -g，运行后可发现node_global文件夹多了两个文件，以及node_modules目录下（位于node_global目录中）多了wepy-cli文件夹

image

（2）生成开发实例：进入wepy-cli目录，输入命令wepy init standard myproject，运行后可发现目录下生成myproject项目

image

（3）安装依赖并实时编译：进入myproject目录，输入命令 npm install安装依赖以及命令 wepy build –watch启动实时编译，此时小程序的源码已生成在dist目录下

image

5. 导入项目并预览：打开微信开发者工具并创建新项目，其中项目目录选择步骤4生成的dist目录，AppID输入步骤1第二张图红框的AppID

   
   
   

   image
   
   

   创建项目之后，可即时在模拟器区域看到小程序的原型，至此原型的搭建基本完成

   
   
   

   image