微信小程序开发教程？

1进入微信公众平台，注册小程序账号，根据提示填写对应的信息即可。

2注册成功后进入首页，在小程序发布流程->小程序开发与管理->配置服务器中，点击“开发者设置”。

3会获得一个AppID，记录AppID，后面创建项目时会用到。

注意：如果要以非管理员微信号在手机上体验该小程序，那么我们还需要 *** 作“绑定开发者”。即在“用户身份”-“开发者”模块，绑定上需要体验该小程序的微信号。本教程默认注册帐号、体验都是使用管理员微信号

二、下载微信web开发者工具

为了帮助开发者简单和高效地开发，微信小程序推出了全新的开发者工具，集成了开发调试、代码编辑及程序发布等功能。1下载页面：t=201715根据系统，选择对应的工具版本下载2工具包含编辑、调试和项目三个页卡：（1）编辑区可以对当前项目进行代码编写和文件的添加、删除以及重命名等基本 *** 作（2）程序调试主要有三大功能区：模拟器、调试工具和小程序 *** 作区（3）项目页卡主要有三大功能：显示当前项目细节、提交预览和提交上传和项目配置

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

三、编写小程序实例

1实例目录结构

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

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

appwxss是整个小程序的公共样式表（非必须）。

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

indexwxml是页面结构文件（必须）。

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

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

四、测试小程序实例

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

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

工具使用教程：

1、网页搜索小程序平台，进入小程序搭建系统，如图1。

2、进入平台右上角点击“注册”按钮，如图2。

3、编辑一个用户名、密码，输入验证码并确认注册协议，如图3。

4、编辑一个小程序名字、录入手机号码和找回密码的邮箱账号，如图4。

5、数字产品类型选择界面，选择小程序，如图5。

6、左侧选择官网或商城，官网为展示型小程序模板。根据行业选择小程序模板，预览模板后，点击选用并点击确认按钮，如图6、图7。

7、点击小程序模板头部区域，d出铅笔图标后，进入编辑框替换logo，该模板logo为透明色，请按照系统提示尺寸进行上传，如图8、图9。

8、鼠标点击首页轮播图，d出铅笔图标后，点击进入编辑框，按照系统提示尺寸，替换如图10、图11和图12。

9、小程序导航数量可以根据实际需求进行增减。如果是商城类小程序，导航分类一般对应产品类型，如图13、图14和图15。

10、上传产品后，鼠标点击商品板块，d出铅笔图标后进去编辑框，设置商品按条件自动调用，该功能配置好以后，新增产品会自动出现在各个对应板块，如图16、图17。

11、首页界面设计完成以后，点击左侧页面、添加栏目按钮继续设计其他页面，比如展示型小程序常用的关于我们、联系我们、品牌特色等页面，在设计过程中，可以从素材、模块里拖拽功能插件到页面里，如图18、图19和图20。

12、到这一步小程序基本设计完成，可以沟通平台协助配置各类系统接口，提交腾讯审核发布。

前言
最近做小程序，一直用的是本地服务器接口，在用真机测试的时候，发现动态数据并不能同步，研究了一下发现 *** 作很简单
2配置步骤
1首先打开微信开发者工具，打开右上角的详情，点击本地设置，勾选下面的不校验合法域名
2打开手机的热点，用电脑连接手机热点（保证在同一网络下）（很重要）
3打开电脑的控制面板----》网络和Internet----》网络和共享中心----》更改高级共享设置----》勾选启用网络发现
4回退到上一层，选择更改适配器设置，选中手机热点，右键选择状态， 选择详细信息，记住当前的Ipv4地址，在后面要替换localhost
5打开微信开发者工具，将刚才的IPv4地址替换所有的localhost,我这里是将host封装到一个工具包中，一改全改，大家视自己情况而定即可
6最后一步，点击预览扫码即可

可以。

*** 作步骤如下：

1、首先用小程序账号登陆微信公众平台。然后点击左下角的“设置”，之后点击右侧上部

的“开发设置”，进入开发设置页面。

2、在开发设置页面有几个区域，第一个区域叫“开发者ID”，第二个区域叫“服务器域名”。

我们关注的就是“服务器域名”这个区域。可以看到这个区域可以设置四个信息，request合法

域名、socket合法域名、uploadFile合法域名和downloadFile合法域名。点击最右侧的“修

改”链接，可以对这四个信息进行修改。

3、假设你实际使用的地址是>

就可以了。>

4、request合法域名基本上一定要填写，因为只要小程序需要服务器，基本上就需要这个设

置。socket合法域名一般是小程序功能涉及即时通信时需要。uploadFile合法域名和

downloadFile合法域名分别是小程序功能涉及上传文件和下载文件时需要。也就是说第一项

是必填，后面三项根据功能选填。

---