Skip to main content
 Web开发网 » 站长学院 » 浏览器插件

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

2021年10月10日6100百度已收录

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

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

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

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

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

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

小程序开发文档 写后端那么需要自己搭建环境。

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

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

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

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

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

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

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

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

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

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

评论列表暂无评论
发表评论
微信