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

开发微信小程序之前需要有哪些基础知识?

2021年10月09日8910百度已收录

第一步:开发一个微信小程序的时候,你首先需要一个小程序的 AppId ,需要到微信公共平台注册账号获取。

同时准备微信开发者工具,官方同样有提供(微信web开发者工具)支持Windows,Linux,和MAC平台。

开发微信小程序之前需要有哪些基础知识?  微信小程序开发文档 第1张

微信web开发者工具

第二步:小程序使用的是微信自己开发的MINA框架,提供了试图层描述语言。MINA框架中的四种类型的文件:

.js文件-基于JavaScript的逻辑层框架

.wxml视图层文件-是MINA设计的一套标签语言

.wxss样式文件-用于描述WXML的组件样式

.json文件-配置文件,用于单个页面的配置和整个项目的配置

新建项目打开的时候会自动创建一个demo,demo的结构文件见下图:

开发微信小程序之前需要有哪些基础知识?  微信小程序开发文档 第2张

第三步:当中的app.js、app.json、app.wxss是必不可少的,是小程序生成的依赖文件。

app.js是小程序的脚本代码,用来监听并处理小程序的生命周期函数、声明全局变量。

app.json是对整个小程序的全局配置,配置小程序是由哪些页面组成,配置小程序的窗口标题、背景颜色等。

app.wxss是整个小程序的公共样式表。

Hello world实例分析见下图:

开发微信小程序之前需要有哪些基础知识?  微信小程序开发文档 第3张

app.js

针对上述代码的API介绍:

App:注册一个小程序

onLunch:程序加载时执行的方法

getStorageSync:以同步的方式获取本地缓存

setStorageSync:设置缓存

wx.getUserInfo:获取用户信息

开发微信小程序之前需要有哪些基础知识?  微信小程序开发文档 第4张

app.json

pages为注册页面的列表,均为相对路径,配置小程序由哪些页面组成,window配置小程序的窗口背景色、配置导航条样式、配置默认标题等。

来到页面的部分,看看index文件中的内容,有3部分,index.js、index.wxml、index.wxss见下图:

开发微信小程序之前需要有哪些基础知识?  微信小程序开发文档 第5张

index.wxml

作为一个展示页面,作用于HTML相同,index.wxml文件中使用了<view/>、<image/>、<text/>组件来搭建页面的结构,绑定数据和交互处理函数。

开发微信小程序之前需要有哪些基础知识?  微信小程序开发文档 第6张

index.js

js文件是页面逻辑处理层,其中:

getApp():获取应用实例

Page:声明页面

data:定义数据

bindViewTap:为在view中绑定的是tap事件定义操作方法

wx.navigateTo:导航到响应页面

onLoad:定义页面加载时的事件。在这里使用了在全局 app.js 中定义的回调函数,将data中的数据更新,由于双向的绑定,页面中的 userInfo 实例也会更新,显示出您的头像和昵称。

index.wxss文件

index.wxss文件中同样是定义一些样式,写法思路与css文件基本一致,主要不需要去设置屏幕适配问题;

小程序效果展示可以直接在微信开发者工具的模拟器中展示,同时也支持测试预览在手机微信端扫码查看测试。

开发微信小程序之前需要有哪些基础知识?  微信小程序开发文档 第7张

针对那些没有任何开发经验的 人来说,软件开发是一件非常困难的事,然而那些又不懂开发又想做小程序的来说,可以选第三方的软件小程序:

小程序管理员将小程序授权给第三方平台后,该平台可帮助小程序进行代码开发与帐号管理。

小程序授权后,第三方平台将能够进行配置服务器地址、代码开发、上传、提交与发布、模版消息、客服消息、微信登录等操作。

微信小程序还新增数据接口,开发者可以通过接口获取小程序数据,进行个性化数据分析。数据接口包含的数据项包括用户访问趋势、用户访问分布、用户访问留存、页面访问数据。

行业人士表示,虽然官方不会代理小程序,但是从微信公众平台的最新公告来看,具有开发能力的第三方平台能够更方便的对接商家的开发需求。微信正在为小程序的后续发力做铺垫。

第三方平台可以帮助你管理微信小程序;可以帮助你开发和维护微信小程序;可以帮助你添加一些新的功能等等。

小程序第三方平台开放后,可以让商户的微信小程序开发更省心,通过简单小程序账号授权动作,就可以获得一个小程序,把技术开发这个事情变得更简单。

上海菜花旗下的靠谱小程序™作为一个成熟的第三方小程序平台,为想做小程序而没有开发能力的中小公司,个体户商家或者个人提供成熟的行业模板,巧妙的界面上设置,后台能够进行配置服务器地址、代码开发、上传、提交与发布、模版消息、客服消息、微信登录等操作占据小程序大部分市场。

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