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

1. 获取微信小程序的 AppID

首先登录

，就可以在网站的“设置”-“开发者设置”中，查看到微信小程序的 AppID 了，注意不可直接使用服务号或订阅号的 AppID 。2. 创建项目

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

开发者工具安装完成后，打开并使用微信扫码登录。选择创建“项目”，填入上文获取到的 AppID ，设置一个本地项目的名称(非小程序名称)，比如“我的第一个项目”，并选择一个本地的文件夹作为代码存储的目录，点击“新建项目”就可以了。新橄榄网

为方便初学者了解微信小程序的基本代码结构，在创建过程中，如果选择的本地文件夹是个空文件夹，开发者工具会提示，是否需要创建一个 quick start 项目。选择“是”，开发者工具会帮助我们在开发目录里生成一个简单的 demo。

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

3. 代码编写

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

1、打开浏览器，把免费免费小程序.网站复制到浏览器上面，打开后点击免费制作。

2、选择自己所属行业或者是喜欢的模版，通过拖拽，添加功能的方式，设计出自己自己的微信小程序，全程不需要使用代码。

3、登录微信公众号，点击左侧栏目里面的开发-》再选择开发设置中，获取AppID和AppSeret。

4、配置request、socket、uploadfile、downloadfile合法域名。在小程序编辑界面点击生成选择已绑定的域名，如果要使用自己的域名必须要安装https证书。

5、在微信公众号小程序官方平台点击左侧栏目的开发-》然后再点击开发设置中，录入合法域名。

6、生成小程序流程，在右上角点击生成、填写好之前获取的Appid和AppSecret等。

7、点击保存后弹出下载代码界面，这个就是通过模块化的功能以及拖拽设计出来的小程序。上传到小程序发布软件提交审核，通过后就可以发布出去。

1.进入微信公众平台(?t=201715根据系统，选择对应的工具版本下载2.工具包含编辑、调试和项目三个页卡：(1)编辑区可以对当前项目进行代码编写和文件的添加、删除以及重命名等基本操作(2)程序调试主要有三大功能区：模拟器、调试工具和小程序操作区(3)项目页卡主要有三大功能：显示当前项目细节、提交预览和提交上传和项目配置

注意：启动工具时，开发者需要使用已在后台绑定成功的微信号扫描二维码登录，后续所有的操作都会基于这个微信帐号

三、编写小程序实例

1.实例目录结构

2.实例文件说明及源码一个小程序包含一个app(主体部分)和多个page(页面)(1)app是用来描述整体程序的，由三个文件组成，.js后缀的是脚本文件，.json后缀的文件是配置文件，.wxss后缀的是样式表文件，必须放在项目的根目录。app.js是小程序的脚本代码(必须)，可以在这个文件中监听并处理小程序的生命周期函数、声明全局变量，调用框架提供的丰富的API。

app.json是对整个小程序的全局配置(必须)，用来对微信小程序进行全局配置，决定页面文件的路径、窗口表现、设置网络超时时间、设置多tab等。接受一个数组，每一项都是字符串，来指定小程序由哪些页面组成。微信小程序中的每一个页面的【路径+页面名】都需要写在app.json的pages中，且pages中的第一个页面是小程序的首页。

app.wxss是整个小程序的公共样式表(非必须)。

(2)page是用来描述页面，一个页面由四个文件组成，这里以首页index为例，每一个小程序页面是由同路径下同名的四个不同后缀文件的组成，如：index.js、index.wxml、index.wxss、index.json。.js后缀的文件是脚本文件，.json后缀的文件是配置文件，.wxss后缀的是样式表文件，.wxml后缀的文件是页面结构文件。index.js是页面的脚本文件(必须)，在这个文件中我们可以监听并处理页面的生命周期函数、获取小程序实例，声明并处理数据，响应页面交互事件等。

index.wxml是页面结构文件(必须)。

index.wxss是页面样式表文件(非必须)，当有页面样式表时，页面的样式表中的样式规则会层叠覆盖app.wxss中的样式规则。如果不指定页面的样式表，也可以在页面的结构文件中直接使用app.wxss中指定的样式规则。

index.json是页面配置文件(非必须)，当有页面的配置文件时，配置项在该页面会覆盖app.json的window中相同的配置项。如果没有指定的页面配置文件，则在该页面直接使用app.json中的默认配置。这里无需指定。Tips：a.为了方便开发者减少配置项，小程序规定描述页面的这四个文件必须具有相同的路径与文件名b.小程序提供了丰富的API，可以根据自己需求选择(/debug/wxadoc/dev/api/?t=201715)

四、测试小程序实例

1.打开微信web开发者工具，选择“本地小程序项目”。2.填写小程序的AppID，项目名称，选择第三步写好的小程序实例文件夹，点击“添加项目”。3.如果出现如下效果，那么恭喜你，你的第一个小程序项目已经编写成功了!点击左侧边栏“编辑”，还可以在右侧编辑窗口直接对代码进行修改，保存(CTRL+S)后刷新(F5)即可生效。

4.如果想看小程序项目在手机上的效果，点击左侧边栏“项目”，点击“预览”生成二维码，打开微信扫描，就可以看到了。