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

帐号相关流程

注册范围

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

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

    填写企业信息

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

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

    绑定管理员微信

    企业认证

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

    小程序发布流程

    开发实践

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

    AppID(小程序ID)

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

    创建项目

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

    调试工具

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

:)

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

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

上传demo

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

项目结构

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

上传到微信

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

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

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

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

提交审核

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

点击审核按进行审核

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

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

注意的是

绑定测试微信号

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

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

:)

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

通过审核就可以上线咯~

快速上手体验

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

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

参考资料

时间: 2024-12-29 09:06:17

【小程序】微信小程序开发实践的相关文章

升讯威微信营销系统开发实践:(3)中控服务器的设计 .Net 还是 Java?

.Net 还是 Java?  :) 最近园子里又出现了.Net 和 Java 的口水贴,如果你觉得本文的内容根本就是 a piece of cake,不值一提,轻轻松松就能码出可靠健壮的实现,或许还可以讨论下.Net 和 Java 的问题,否则我想你还是歇歇吧,对你来说都是一样的,用好一样就行了,否则 .Net 1.1 都能完爆你. .Net的应用领域没有有些人想的那么窄,只能说你眼界实在是太浅了..Net在国外是否受待见?自己去国外招聘网站看一看就是了,又没被墙的,呵呵. 技术不过关不要赖平台

升讯威微信营销系统开发实践:目录

升讯威微信营销系统开发实践:(1)订阅号和服务号深入分析 升讯威微信营销系统开发实践:(2)功能设计与架构设计

小北微信小程序之小白教程系列之 -- 样式(WXSS)

为了适应广大的前端开发者,WXSS 具有 CSS 大部分 特性.同时为了更适合开发微信小程序,WXSS 对 CSS 进行了扩充以及修改.与 CSS 相比,WXSS 扩展的特性有:尺寸单位和样式导入. 补充:关于扩展的特性我们下面会说,既然文档说了WXSS具有CSS 大部分特性,那么有什么不同那? 1.没有body 是的,在小程序的每一个page里是没有body属性的,不过你可以通过在wxss中对page的设置来影响整个页面的样式,比如下面的代码 page { background:#F8F8F8

[微信小程序] 微信小程序下拉滚动选择器picker绑定数据的两种方式

微信小程序下拉滚动选择器picker绑定数据的两种方式  本地数据绑定和wx.request(OBJECT) json数据绑定 1.本地数据绑定 (对象数组) Page({ data:{ //户型 这是一个本地的对象,然后绑定到页面上 pic_array: [ { id: 13, name: '1室1厅1卫' }, { id: 14, name: '1室2厅1卫' }, { id: 15, name: '2室1厅1卫' }, { id: 16, name: '3室1厅2卫' }, { id: 1

[小程序]微信小程序登陆并获取用户信息

1.小程序js端调用框架登陆API,获取到一个临时code,拿着这个code去调用自己的服务端接口 2.在自己的服务器端,使用app_id app_secrect code可以获取到用户的openid,这个id是用户唯一的id并且不会改变,可以把这个id返回给小程序端小程序端本地保存openid 3.获取用户信息很简单,并且不需要自己的服务器处理,只需要小程序端提供的API.前端页面wxml使用一个按钮,按钮里增加几个属性,就可以回调到小程序js部分的方法上,并且带着用户的个人信息,如昵称 头像

[小游戏] 微信小游戏开发源码_教程_工具_资源最新集合

[小游戏资源] 微信小游戏开发资源目录 一.微信官方游戏教程 小游戏简易教程 小游戏API大全 小游戏开发工具 二.微信小游戏图标资源 Game-icons.net 三.微信小游戏图片资源 Super Game Asset GameDev Market envato market Game Art Partners KENNEY 四.微信小游戏音频资源 工具类 Audacity 9 款音频压缩软件推荐 7 款混音软件推荐 7 款降噪软件推荐 资源类 爱给音效库 freesound Soundim

微信公众平台支持接收和发送微信小视频 微信小店产品展示更全方位

微信公众号支持小视频功能已上线.这个功能对微信小店来说是个大利好,产品展示更多方位,某宝颤抖了么?已微信认证的公众号可接收来自微信用户的小视频,并作为素材下发给微信用户,增强公众帐号与粉丝实时互动性. 1. 公众号接收来自微信用户的小视频,并保存到素材库. 2. 公众号将小视频插入图文消息中,并下发给微信用户.下发渠道包括群发消息.自定义回复.自动回复等.

升讯威微信营销系统开发实践:(5) Github 源码:微信接口的 .NET 封装。

微信开发系列教程,将以一个实际的微信平台项目为案例,深入浅出的讲解微信开发.应用各环节的实现方案和技术细节. 本系列教程的最终目标是完成一个功能完善并达到高可用性能指标的微信管理软件,所以除了与微信本身紧密相关的对接和应用技术,还会讲到其它相关的所有知识点,从技术选型,架构设计,数据层的设计,API的设计,数据传输协议的设计,再到细节的前端的设计及技术应用,后台开发中的各方面技术,都会涉及.同时,在架构设计中,会考虑到运维领域的诸多问题,会涉及到部署环节中负载均衡及CDN分发,服务器流量及带宽控

小程序-微信聊天功能开发详解

需求:聊天功能(效果参照微信聊天) 直接先放效果图吧! 框架: wepy (vue) 主要思路: 1.布局只编写一个消息组件,包括头像和内容两部分!flex布局(左到右row),对方发来的消息正常显示,我方发出去的消息右到左布局(flex-direction: row-reverse;),这样增加了消息组件的复用!如图消息组件: 2.消息数据全部存储在一个Array中,demo如图:text为消息内容.isMine判断该消息来自于对方还是我自己,从而动态消息item的CSS布局(左到右或右到左)

微信小程序 —— 微信小程序解析html富文本插件wxParse

下载并把wxParse放到小程序的目录中 github下载地址:https://github.com/icindy/wxParse 一.基本使用方法 1. Copy文件夹wxParse,把wxParse放在与page同一级目录 - wxParse/ -wxParse.js(必须存在) -html2json.js(必须存在) -htmlparser.js(必须存在) -showdown.js(必须存在) -wxDiscode.js(必须存在) -wxParse.wxml(必须存在) -wxPars