一篇搞定,小程序从零开发到上线

代码鄙视员 2019-06-21 17:43:09 ⋅ 687 阅读

1:注册
用没有注册过微信公众平台的邮箱注册一个微信公众号, 申请帐号 ,网址: https://mp.weixin.qq.com/ 。

根据指引填写信息和提交相应的资料,就可以拥有自己的小程序帐号。注册完成之后开始登录。

2:登录 https://mp.weixin.qq.com

我们可以在菜单 “设置”-“开发设置” 看到小程序的 AppID 了 。小程序的 AppID 相当于小程序平台的一个身份证,后续你会在很多地方要用到 AppID (注意这里要区别于服务号或订阅号的 AppID)。有了小程序帐号之后,我们需要一个工具来开发小程序。
根据官方教程进行开发https://mp.weixin.qq.com/debug/wxadoc/dev/

image

3:安装开发工具

前往 开发者工具下载页面 ,根据自己的操作系统下载对应的安装包进行安装,有关开发者工具更详细的介绍可以查看 《开发者工具介绍》 。打开小程序开发者工具,用微信扫码登录开发者工具,准备开发你的第一个小程序吧!我的电脑是64位的:

image

4:安装完成之后

你的第一个小程序开启:新建项目选择小程序项目,选择代码存放的硬盘路径,填入刚刚申请到的小程序的 AppID,给你的项目起一个好听的名字,最后,勾选 "创建 QuickStart 项目" (注意: 你要选择一个空的目录才会有这个选项),点击确定,你就得到了你的第一个小程序了,点击顶部菜单编译就可以在 IDE 预览你的第一个小程序。

image
image

5:做了一款工作效率类的小程序,https://github.com/wangxiaoting666/time
可直接下载源码,导入微信者开发工具里面。也可以改成自己想要的代码。

6:一切准备完成之后,在微信开发者工具里面点击上传

填写版本号

7:打开微信小程序后台,设置好相关信息


尤其是服务类目,一定要和开发的小程序保持一致,不然无法通过审核,我这里的小程序是工具效率类的

8:信息填完之后,点击版本管理,可以看到刚刚从微信开发者工具里面提交的代码,点击提交审核。

9:审核通过之后,会收到消息,登录后台,点击发布,即可通过手机微信查看小程序了。


原文作者:祈澈姑娘 技术博客:https://www.jianshu.com/u/05f416aefbe1
90后前端妹子,爱编程,爱运营,文艺与代码齐飞,魅力与智慧共存的程序媛一枚。

---------------END----------------

后续的内容同样精彩

长按关注“IT实战联盟”哦




全部评论: 0

    我有话说:

    微信程序电商实战-首页(

    :微信程序电商实战-入门 嗨,大家好!经过近两周的精心准备终于开始微信程序电商实战之路喽。那么最终会做成什么样呢?好了,不啰嗦了 我们先看首页长什么样吧!   首页效果图

    微信程序电商实战-入门

    程序开发工具有新版本更新啦!开发体验更好了,接下来一起为电商程序下准备前期准备工作~~

    微信程序电商实战-首页(下)

    :微信程序电商实战-首页()好了,一期我们把首页搜索、导航栏和广告轮播给做完了,那么接下来会继续

    微信程序电商实战-商品详情(

    先看下今天要实现的程序商品详情页吧!

    微信程序实战:商品属性联动选择(案例)

    本期的微信程序实战来做一个电商网站经常用的-商品属性联动选择的效果,素材参考了一点点

    微信程序实战:如何解决https域名问题 ?

    开发自己的微信程序绕不开https问题,为了能在程序中调用我们自己的API服务请打开看看吧!!!

    微信程序实战程序之页面数据传递

    我们在写程序的时候经常会遇到子页面向主页面回传数据或者普通页面跳转tabBar 页面携带数......

    微信程序实战:基于wxcharts.js绘制移动报表

    微信程序图表插件(wx-charts)是基于canvas绘制,体积巧,支持图表类型饼图、线图、柱状图 ......

    微信程序抖音实战-首页(

    你也可以用微信程序编写一个抖音

    微信程序电商实战-购物车(

    好久没更新程序电商实战的文章了,是因为最近一直做整体架构调整,一些准备工作也是比较耗费时间的。在这几天将会有新版的 程序电商教程推出.......

    开源资讯」BookChat v2.4 发布,通用书籍阅读微信程序

    BookChat - 面向程序员开源书籍和文档阅读学习程序

    微信程序-template使用:实现购物车商品数量加减功能

    我们实现了购物车功能,里面有用template模板功能来实现购物车商品数量加减和价格计算功能......

    微信程序电商实战-商品详情加入购物车(下)

    今天会接着开始写商品详情页加入购物车的部分,直接看效果......

    微信程序 - iconfont 图标字体

    你还在使用图片作为程序的图标?大猪告诉大家如何在程序使用iconfont字体图标

    精品推荐:微信程序常见的UI框架/组件库

    想要开发套高质量的程序,运用框架,组件库是省时省力省心必不可少一部分,随着程序日渐火爆,各种不同类型

    微信程序:最新微信登录授权并获取openid等信息

    为优化用户体验,使用 wx.getUserInfo 接口直接弹出授权框的开发方式将逐步不再支持。2018年4月30日开始程序游戏的体验版、开发版调用 wx.getUserInfo 接口,将

    微信程序微商城():https框架搭建并实现导航功能

    本文将带领大家搭建https的程序框架,并实现动态获取数据展示效果!

    微信程序微商城(四):动态API实现商品详情页(

    1、实现商品详情页面布局(这实现3个模块,头部商品图片轮播、商品价格和商品描述、商品详情展示) 2、根据用户点击不同的商品请求API动态加载数据