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

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

帐号相关流程

注册范围

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

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

填写企业信息

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

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

绑定管理员微信

企业认证

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
通过审核就可以上线咯~

快速上手体验

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

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

参考资料

目录
相关文章
|
存储 移动开发 开发框架
【微信小程序 | 实战开发】常用小程序框架介绍
【微信小程序 | 实战开发】常用小程序框架介绍
3106 0
【微信小程序 | 实战开发】常用小程序框架介绍
|
1月前
|
移动开发 小程序 API
微信小程序的一些开发限制
微信小程序的一些开发限制
71 1
|
3月前
|
小程序 JavaScript 前端开发
如何开发一个微信小程序
如何开发一个微信小程序
134 0
|
8月前
|
小程序 前端开发 JavaScript
微信小程序开发详解
微信小程序是一种可以在微信中运行的应用程序,它使用了微信提供的开发框架和工具,可以在不需要下载安装的情况下直接使用。微信小程序采用了类似Web的开发方式,开发者可以使用HTML、CSS、JavaScript等前端技术进行开发。无需下载安装,直接在微信中使用可以访问部分系统API,实现更强大的功能通过微信提供的开发框架和工具,可以方便地进行开发、测试和发布在 components 目录下创建组件文件夹,同级目录创建 json、js、wxml、wxss 四个文件。文件名与文件夹名相同。
283 0
|
4月前
|
JSON 小程序 JavaScript
微信小程序(小程序入门)
微信小程序(小程序入门)
91 0
|
6月前
|
小程序 前端开发 JavaScript
微信小程序开发之框架篇
微信小程序开发之框架篇
148 0
|
6月前
|
小程序 JavaScript 前端开发
微信小程序开发(1)
微信小程序开发(1)
54 0
|
9月前
|
小程序 前端开发 JavaScript
【小程序】零基础微信小程序开发+实战项目
【小程序】零基础微信小程序开发+实战项目
156 0
|
存储 JSON 小程序
微信小程序开发实践
微信小程序开发实践
75 0
|
数据采集 缓存 小程序
【零基础微信小程序入门开发二】配置小程序
【零基础微信小程序入门开发】小程序介绍及环境搭建👉【零基础微信小程序入门开发】配置小程序 上次说到小程序的介绍和环境的搭建、打印hello word,以及部分组件等一些基本功能的介绍,写的有点不详细,如果分的太细了功能又太少,于是我打算围绕开发者的文档来进行说明,这样可能更加直观一点,废话不多少,开始我们在小程序官方模板中可以看到根目录有一个app.json,这个文件用来对微信小程序进行全局配置,决定页面文件的路径、窗口表现、设置网络超时时间、设置多 tab 等。{ ①pages里面的为项目路径,第一个为.
143 0
【零基础微信小程序入门开发二】配置小程序