首页 > 代码库 > 【小程序】微信小程序开发实践

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

帐号相关流程

注册范围

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

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

    填写企业信息

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

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

    绑定管理员微信

    企业认证

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

    小程序发布流程

    技术分享

    开发实践

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

    AppID(小程序ID)

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

    创建项目

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

    技术分享

    调试工具

    技术分享

左边第一个tab是编辑,也就是说,这还是个简易的编辑器。

:)

技术分享

从上面可以看出的是,开发者通过web开发者工具进行小程序代码的上传,上传到微信端的服务器。

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

上传demo

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

项目结构

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

技术分享

上传到微信

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

之后是版本信息,对应的是项目的代码仓库的版本信息。

技术分享

上传操作完成之后,会展示本次的信息。

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

提交审核

回到小程序管理后台,就能看到这次的开发版本提交信息。

技术分享

点击审核按进行审核

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

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

注意的是

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

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

:)

技术分享

之后,就会看到审核版本的状态

技术分享

通过审核就可以上线咯~

快速上手体验

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

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

参考资料

    • https://mp.weixin.qq.com/debug/wxadoc/dev/index.html?t=20161107

文章来源:http://blog.csdn.net/diandianxiyu_geek/article/details/53068012

 

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