微信小程序上线发布流程（微信小程序上线发布的整体流程）

微信小程序上线发布流程（微信小程序上线发布的整体流程）

程序员必备接口测试调试工具：立即使用Apipost = Postman + Swagger + Mock + Jmeter Api设计、调试、文档、自动化测试工具 后端、前端、测试，同时在线协作，内容实时同步

最近花了一天左右的时间学习了下微信小程序的开发，试着练习一把的心态，搞了一个很简单的页面。

就当是学习总结吧：学习要点还是挺多的，通过查看官方接口文档，熟悉微信小程序开发工具，工程架构，相比传统页面开发类似，微信小程序也是由js文件，页面布局文件wxml和样式文件wxss

（免费学习推荐：小程序开发教程）

###一、先登录微信公众平台，在小程序栏目里注册获取appid，在开发工具里填写该appid，打开开发工具进行编码工作。

1.1、知识点巩固。 app.json文件

{ "pages":[ "pages/huangbaokang/huangbaokang", "pages/zhanglulu/zhanglulu" ], "window":{ "backgroundTextStyle":"light", "navigationBarBackgroundColor": "#baf088", "navigationBarTitleText": "幸福婚姻", "navigationBarTextStyle":"black" }, "tabBar": { "list": [ { "pagePath": "pages/huangbaokang/huangbaokang", "text": "黄宝康", "iconPath": "images/1.png", "selectedIconPath": "images/1.png" }, { "pagePath": "pages/zhanglulu/zhanglulu", "text": "张露露", "iconPath": "images/2.png", "selectedIconPath": "images/2.png" } ] } }-

入口全局配置主要配置页签tabBar设置，全局pages定义，头部背景，及字体，网络超时等。

wxml标签的掌握

huangbaokang.wxml文件

黄宝康的帅气照 -

huangbaokang.js文件

Page({ /** * 页面的初始数据 */ data: { photos_hbk: ['1.png', '2.png', '3.png', '4.png'] }})-

huangbaokang.wxss文件

/* pages/huangbaokang/huangbaokang.wxss */.title{ font-size: 70rpx; text-align: center;}.photo-list{ margin-top: 20rpx;}.photo-item{ width: 100%; height: 100%; margin-top: 20rpx;}-

具体到页面的开发，需要学习wxml各种标签的用法，语句wx:for的使用，及动态数据绑定（使用{{}}）。

事件函数处理

进一步掌握事件处理等，绑定一个方法，在js文件中相对应一个方法。

###二、上传发布审核上线

输入相关版本号确定之后可以在微信小程序后台管理处看到提交的版本。

上图我的是提交完之后的，提交完之后进入审核中，一般一两天就能查看审核结果，通过审核之后，还需要发布上线。

经过上面的操作之后就可以在微信里，小程序处进行搜索我们自己开发的程序了。

附：工程架构图

相关免费学习推荐：微信小程序开发教程

版权声明：本文内容由网络用户投稿，版权归原作者所有，本站不拥有其著作权，亦不承担相应法律责任。如果您发现本站中有涉嫌抄袭或描述失实的内容，请联系我们jiasou666@gmail.com 处理，核实后本网站将在24小时内删除侵权内容。