【小程序】微信小程序开发实践

简介: 帐号相关流程 注册范围 企业 政府 媒体 其他组织 换句话讲就是不让个人开发者注册。 填写企业信息 不能使用和之前的公众号账户相同的邮箱,也就是说小程序是和微信公众号一个层级的。

帐号相关流程

注册范围

  • 企业
  • 政府
  • 媒体
  • 其他组织

换句话讲就是不让个人开发者注册。

填写企业信息

不能使用和之前的公众号账户相同的邮箱,也就是说小程序是和微信公众号一个层级的。

填写公司机构信息,对公账户信息

绑定管理员微信

企业认证

1、公司对公账户对微信进行打款
2、账户自动验证后,自动认证通过,并将认证资金退回公司对公账户,费用在1元内随机

小程序发布流程

image.png

开发实践

这次的demo项目为农历和公历的转换器,重在体验开发流程。

AppID(小程序ID)

做上面的那些步骤就是为了得到小程序ID~

创建项目

我们在官方下载的微信wweb开发者工具中,必须填入小程序ID才能进行下一步,在选择项目目录之前,最好先创建一个代码仓库,来管理我们的项目代码。
image.png

调试工具

image.png

左边第一个tab是编辑,也就是说,这还是个简易的编辑器。
image.png
从上面可以看出的是,开发者通过web开发者工具进行小程序代码的上传,上传到微信端的服务器。

通过微信端的身份验证,再加上上传的操作需要管理员帐号扫码确认,从而给开发者一种封闭的感觉。

上传demo

首先复制小程序的官方demo到项目中

项目结构

结构还是比较简单的,微信给的demo并不多,也就是以后大家的代码还是会跟随自己的风格来
image.png

上传到微信

上传操作为重要操作,需要管理员账户扫码确认,二维码有效期为5分钟。

之后是版本信息,对应的是项目的代码仓库的版本信息。
image.png
上传操作完成之后,会展示本次的信息。

2016/11/7 下午4:58:18, 编译包大小 13 kb

提交审核

回到小程序管理后台,就能看到这次的开发版本提交信息。
image.png
点击审核按进行审核

提交审核操作,需要管理员帐号进行微信扫码确认。

接下来需要添加测试微信号,填写配置功能页面

注意的是

绑定测试微信号

该微信号将提供给微信审核人员审核微信小程序时登录使用,微信号需能够体验小程序的全部功能,请勿使用常用微信号扫描

也就是说以后微信的小号会越来越多~

image.png
之后,就会看到审核版本的状态
image.png
通过审核就可以上线咯~

快速上手体验

从注册流程到发布流程,体现了微信小程序的封闭性

凭借着微信这么大的体量,前端的同学又有一个方向了~

参考资料

目录
相关文章
|
1月前
|
存储 小程序 JavaScript
基于微信小程序的移动学习平台的设计与实现_kaic
基于微信小程序的移动学习平台的设计与实现_kaic
|
存储 移动开发 开发框架
【微信小程序 | 实战开发】常用小程序框架介绍
【微信小程序 | 实战开发】常用小程序框架介绍
3114 0
【微信小程序 | 实战开发】常用小程序框架介绍
|
4月前
|
JSON 小程序 JavaScript
微信小程序(小程序入门)
微信小程序(小程序入门)
91 0
|
6月前
|
小程序 前端开发 JavaScript
微信小程序开发之框架篇
微信小程序开发之框架篇
148 0
|
7月前
|
移动开发 小程序 前端开发
微信小程序 | 小程序开发
微信小程序 | 小程序开发
|
9月前
|
小程序 前端开发 JavaScript
【小程序】零基础微信小程序开发+实战项目
【小程序】零基础微信小程序开发+实战项目
156 0
|
11月前
|
JSON 小程序 JavaScript
【微信小程序】你了解小程序开发吗?
【微信小程序】你了解小程序开发吗?
197 0
|
存储 JSON 小程序
微信小程序开发实践
微信小程序开发实践
75 0
|
小程序
微信小程序实战 (小程序框架基础)
微信小程序实战 (小程序框架基础)
177 0
|
小程序 JavaScript 前端开发
【零基础微信小程序入门开发四】小程序框架二
框架的视图层由 WXML 与 WXSS 编写,由组件来进行展示。 将逻辑层的数据反映成视图,同时将视图层的事件发送给逻辑层。 WXML用于描述页面的结构。WXS是小程序的一套脚本语言,结合 WXML,可以构建出页面的结构。WXSS 用于描述页面的样式。 说了那么多,我来概括下: WXML 相当于HTML WXS 相当于JavaS......
140 0
【零基础微信小程序入门开发四】小程序框架二