Crystal的博客

未完待续......

小程序原型搭建

小程序原型搭建

本学期系统分析与设计课程,团队的项目内容是开发一个小型的扫码点餐与结算系统,移动端拟开发一个微信小程序,在此我写一写搭建小程序原型的过程。(基于团队一成员所找的wepy小程序组件化开发框架和所写的ReadMe)

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

登录后,进入微信公众平台的小程序设置界面,可看到红色框的AppID(小程序平台的唯一ID)
AppID
2. 下载、安装微信开发者工具:前往微信公众平台工具下载操作系统对应的IDE安装包,按照步骤完成IDE安装
3. 下载、安装nodejs:按照nodejs菜鸟教程,下载nodejs(版本号高于8.0.0),安装并配置系统的nodejs环境
nodejs
4. 安装、生成wepy项目

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

(2)生成开发实例:进入wepy-cli目录,输入命令wepy init standard myproject,运行后可发现目录下生成myproject项目
myproject

(3)安装依赖并实时编译:进入myproject目录,输入命令npm install安装依赖以及命令wepy build –watch启动实时编译,此时小程序的源码已生成在dist目录下
dist
5. 导入项目并预览:打开微信开发者工具并创建新项目,其中项目目录选择步骤4生成的dist目录,AppID输入步骤1第二张图红框的AppID
Baoleme
创建项目之后,可即时在模拟器区域看到小程序的原型,至此原型的搭建基本完成
IDE

阅读更多
版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/Crystal_ZhuYupei/article/details/79948647
文章标签: 小程序
个人分类: 系统分析与设计HW
想对作者说点什么? 我来说一句

微信小程序原型

2017年10月23日 663KB 下载

没有更多推荐了,返回首页

不良信息举报

小程序原型搭建

最多只允许输入30个字

加入CSDN,享受更精准的内容推荐,与500万程序员共同成长!
关闭
关闭