零基础如何开发一个非常简单的微信小程序?

王牌科技师


刚刚好我在前段时间花费工作之余的几天从0开始开发了一个包括前后端+数据库的微信小程序。

下面我分享如何从0到1开发上线一个小程序。

1.注册小程序

登录微信公众平台注册一个微信小程序,然后填写小程序基本信息,包括名称、头像、介绍及服务范围等,这些信息是你上线小程序的必要条件。

在小程序配置的时候你可以看到AppID和AppSecret(小程序密钥),这两个很重要,是开发小程序必备品,在利用微信开发者工具进行小程序开发时需要利用AppID和AppSecret。

3.开发小程序

在微信公众平台中有小程序的开发文档,你先看下开发文档学习如何进行编程,熟悉小程序的目录结构,熟悉.js、.json、.wxml、.wxss文件的意义,知道什么代码写在什么位置。小程序开始本质上还是Web开发,根据开发文档你先写出前端的页面,有需要的可以说是html、css和js的知识,当然小程序标签跟html有区别,但也类似,小程序的标签相当于html中的

标签,纯前端页面应该也是可以直接上线的。
小程序开发文档 https://developers.weixin.qq.com/miniprogram/dev/

如果你要接入后端跟数据库,那么你就需要一台服务器,方便起见可以使用腾讯云提供的微信小程序服务器,可以与微信公众平台直接关联,操作会比自己配置服务器简单很多。不过腾讯云的小程序服务器只能默认大家PHP和Nodejs开发环境,如果你想用java写后端那么需要自己搭建环境。

微信开发团队为开发者提供的PHP和Nodejs的开发demo,方便起见你只需要在demo的基础上进行开发即可,开发之前你需要进行简单的配置,包括服务器地址、数据库用户名密码等的配置。下一步则是实现前后端数据的交互,例如利用PHP写好后端API接口后,前端页面利用js对API进行操作,之间利用json进行数据的传输。

4.提交审核上线

在微信开发者工具中可以将代码上传到生产环境中,注意要记得去腾讯云进行代码的部署,不然你上传的代码不起作用。一定记得点上传,这个时候你在微信公众平台可以看到提交的开发版本。

之后你可以提交审核,根据你选择的类型会花费不同的审核时间,审核遇到问题也会消息通知你。

审核完成就可以上线了,当当当当,如下图:

我是萌新程序猿,科技圈的事情欢迎邀请我来回答!

码了这么多字,点个赞关注下再走吧!!!

关注萌新程序猿(本人咯),跟小编一起从菜鸟成为大佬,了解更多IT以及程序猿的知识!!


萌新程序猿


前两天追热点开发了一款小程序:测测你是扶摇中的谁?总计用时4个小时。其实这个想法很早之前就有了,可惜由于拖延症,导致昨天才完成上线,扶摇都快播完了...

下面简单介绍一下过程。

1,注册账号,申请小程序个人认证。

首先进入微信公众平台,点击注册,选择小程序。

在用户信息登记页面,根据自己的实际情况填写。因为我是个人,所以就只能选择主体类型个人啦。

信息提交完成之后即可进入到小程序后台管理页面。






2,下载开发工具,初始化项目,提交到git仓库。

根据管理页面的提示下载开发工具,阅读小程序官方文档初始化项目,提交到git仓库。



3,功能开发。

周三晚上9点决定开始干,用了半个小时把原型画了出来。

一共三个页面,很简单。然后就开始边阅读文档边开发。因为这次没有用到服务端,全本地开发,所以好做很多。

到晚上12点基本上把功能都开发了出来,决定先睡觉,第二天再继续。

第二天用了1个小时找了几张剧照放了进去,添加了分享功能。

4,配置小程序基本信息。

在小程序后台配置了图标,名称,简介等信息。

5,提交审核。

上传代码,提交审核。从开始画原型到提交上线,总用时4个小时吧。

周四晚上提交审核,周六下午三点通过审核,用时两天,速度还可以。


昨天的数据,访问次数618,访问人数119。哈哈,虽然数据很差,但是全当自己练手啦。欢迎大家去测一测。有兴趣的朋友可以来交流交流~


分享到:


相關文章: