小程序怎么开发,小程序源码安装教程详细解说

来源:A5创业网 时间:2018-07-06

微信小程序怎么开发?如今不少企业和商家纷纷涌入小程序队列,但依然有一些人不知道小程序如何开发。今天来给大家说说微信小程序详细开发教程。

小程序开发教程

1. 获取微信小程序的 AppID

首先登录https://mp.weixin.qq.com ,就可以在网站的“设置”-“开发者设置”中,查看到微信小程序的 AppID ,注意不可直接使用服务号或订阅号的 AppID 。

注意:若非管理员微信号在手机上体验该小程序,还需要操作“绑定开发者”。即在“用户身份”-“开发者”模块,绑定上需要体验该小程序的微信号。本教程默认注册帐号、体验都是使用管理员微信号。

2. 创建项目

通过开发者工具,来完成小程序创建和代码编辑。

开发者工具安装完成后,打开并使用微信扫码登录。

选择创建“项目”,填入上文获取到的 AppID ,设置一个本地项目的名称(非小程序名称),比如“我的第一个项目”,并选择一个本地的文件夹作为代码存储的目录,点击“新建项目”就可以了。

在创建过程中,如果选择的本地文件夹是个空文件夹,开发者工具会提示,是否需要创建一个 quick start 项目。选择“是”,开发者工具会帮助我们在开发目录里生成一个简单的 demo。

项目创建成功后,点击该项目,进入并看到完整的开发者工具界面,点击左侧导航,在“编辑”里可以查看和编辑我们的代码,在“调试”里可以测试代码并模拟小程序在微信客户端效果,在“项目”里可以发送到手机里预览实际效果。

3. 代码编写

点击开发者工具左侧导航的“编辑”,该项目已经初始化并包含了一些简单的代码文件。最关键也是必不可少的,是 app.js、app.json、app.wxss 这三个。其中,.js后缀的是脚本文件,.json后缀的文件是配置文件,.wxss后缀的是样式表文件。微信小程序会读取这些文件,并生成小程序实例。

更多小程序项目招商请访问:https://www.admin5.com/xm/list-1.html?xg

项目推荐

A5创业网 版权所有

返回顶部