微信小程序上线发布流程

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

就当是学习总结吧：学习要点还是挺多的，通过查看官方接口文档，熟悉微信小程序开发工具，工程架构，相比传统页面开发类似，微信小程序也是由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文件

<!--pages/huangbaokang/huangbaokang.wxml-->
<view class='title'>黄宝康的帅气照</view>
<view class='photo-list' wx:for="{{photos_hbk}}" ><!--遍历图片文件，生成各个view--><view class='photo-item'><image src='/images/hbk{{index+1}}.png'></image></view>
</view>

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文件中相对应一个方法。

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

编码完之后，可以在开发工具右上角点击上传按钮将代码至微信后台。如下：

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

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

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

附：工程架构图

还有不忘秀一张帅气照：

微信小程序上线发布流程相关推荐

从零开始实现微信小程序上线发布流程
微信小程序上线发布流程第一步:运行项目用微信开发者工具打开第二步:确认一下是否是线上地址,appId是否有误,文件大小有无超出 2M(2048KB) 超出需要分包处理,或者查看是否存在大量本地图片 ...
微信小程序迭代发布流程
微信小程序迭代发布流程只需两大步骤解决.saas系统小程序忽略(saas小程序发布将采取接口方式来提交,步骤一相同,步骤二将采取接口方式上传代码,后面会出saas小程序发布流程的流程),下面只讲普通小 ...
微信小程序(7)说说微信小程序的发布流程？
一.背景在中大型的公司里,人员的分工非常仔细,一般会有不同岗位角色的员工同时参与同一个小程序项目.为此,小程序平台设计了不同的权限管理使得项目管理者可以更加高效管理整个团队的协同工作以往我们在开发 ...
微信小程序之发布流程
1.前期准备先想好你的小程序是用来做什么的,是电商.服务预约.知识付费.产品展示.还是团队管理.酒店预订?主要面向的人群都是哪些?现在小程序类型繁多,你一定要对自己有清晰的定位.明确的目标,才能避免 ...
微信小程序测试版发布流程
1.注册好自己的微信开发者账号 2.在微信开发者工具,填写自己的appid,编写好了代码后,点击右上角的<上传> 3.接着在微信公众平台-小程序的后台,版本管理中,就能看到新提交的开发版本 ...
提高微信小程序的应用速度的常见方式有哪些? 小程序怎么实现下拉刷新? 简述微信小程序原理？小程序的发布流程（开发流程）分析下微信小程序的优劣势？小程序授权登录流程？小程序支付如何实现
小程序部分常见面试题提高微信小程序的应用速度的常见方式有哪些? 提高页面加载速度用户行为预测减少默认data的大小组件化方案分包预下载小程序与原生App相比优缺点? 优点: 基于微信平台开 ...
微信小程序如何发布？发布流程怎么样
现如今微信已经是每部手机必装的软件,微信小程序也已经应用到了各个行业生活中是非常广泛的.许多线下实体的店家都想制作微信小程序来进行线上购物模式,那么如何把一个微信小程序搭建起来呢?微信小程序软件代码的 ...
uni-app小程序项目发布流程
uni-app小程序项目发布流程开发工具:HbuilderX编辑器.微信小程序开发工具 1.小程序开发工具就可以点击发行版本了 2.登录开发者平台配置域名白名单在开发者设置里完成服务器域名配置(域 ...
微信小程序上线广告功能打造O2O闭环
6月16日开始,通过微信小程序入口搜索"酒店"."水果"等关键字时,会看到标注有"广告"字眼的第三方服务信息.来自微信内部的消息是,小程序关 ...
微信小程序过审:怎么绕过微信小程序上线审核,并且不影响正常用户使用，有用记得点赞哈
怎么绕过微信小程序上线审核(不好用回来吐槽我) 怎么绕过微信小程序上线审核(不好用回来吐槽我) 前言方案一方案二(推荐) 代码前言很多开发者在开发项目的时候发现上线微信小程序最难的不是开发阶段 ...

微信小程序上线发布流程

微信小程序上线发布流程相关推荐

最新文章

热门文章