微信小程序一些方法汇总

 约 5 分钟

背景知识

  • 前言

使用微信小程序一年多了,想着还是记录一下,整理一下和小程序有关的知识。用过小程序框架mpvue和原生小程序。先从原生小程序入手。

  • 概念

微信小程序,简称小程序,英文名Mini Program,是一种不需要下载安装即可使用的应用,它实现了应用"触手可及"的梦想,用户扫一扫或搜一下即可打开应用。(ps:对我来说是很方便的,毕竟不喜欢下载应用)

  • 必备工具手册

微信小程序开发文档
https://developers.weixin.qq....
在开发小程序时当作工具手册是很有必要的。如果有什么不懂的,还可以登陆微信官方社区提问,官方和众多网友都会来为你倾情解答。

开发

  • 申请账号

进入小程序注册页, 根据指引填写信息和提交相应的资料,就可以拥有自己的小程序帐号。
在这个小程序管理平台,你可以管理你的小程序的权限,查看数据报表,发布小程序等操作。

登录 小程序后台 ,我们可以在菜单 “设置”-“开发设置” 看到小程序的 AppID 了 。

小程序的 AppID 相当于小程序平台的一个身份证,后续你会在很多地方要用到 AppID (注意这里要区别于服务号或订阅号的 AppID)。

  • 安装开发工具

前往 开发者工具下载页面 ,根据自己的操作系统下载对应的安装包进行安装,有关开发者工具更详细的介绍可以查看 《开发者工具介绍》 。

  • 打开开发工具,导入项目,填入刚刚的appid,你的项目就运行起了!

开发要点

  • 热启动和冷启动

运行机制
小程序启动会有两种情况,一种是「冷启动」,一种是「热启动」。 假如用户已经打开过某小程序,然后在一定时间内再次打开该小程序,此时无需重新启动,只需将后台态的小程序切换到前台,这个过程就是热启动;冷启动指的是用户首次打开或小程序被微信主动销毁后再次打开的情况,此时小程序需要重新加载启动。
在app.js的onLaunch里面执行这个方法,更新版本后可强制用最新的代码包

if (wx.canIUse('getUpdateManager')) {

const updateManager = wx.getUpdateManager()

updateManager.onCheckForUpdate(function (res) {

if (res.hasUpdate) {

updateManager.onUpdateReady(function () {

updateManager.applyUpdate()

})

updateManager.onUpdateFailed(function () {})

}

})

} else {

}
  • 开发工具模拟微信扫码
    image.png
    通过如图的方式,可以模拟微信扫码进来的情况,前提是要在微信管理后台 开发-开发设置-扫普通链接二维码打开小程序 处设置好http链接跳转小程序的配置
  • 普通链接跳转小程序配置

image.png
如图。首先要有一个http域名,占用表示http://xx.com/ 下任何子域名占用,子域名也可跳转到小程序。
小程序功能页面:扫网址码进来的小程序页面。
测试范围:一般选择开发版或者体验版,扫测试链接的网址码,就可跳转到该小程序的开发版或者体验版

  • 方法调用
  1. 可在app.js里面直接写方法,在子页面顶部添加 const app = getApp(),调用时用app.方法名 即可调用
  2. 在utils/util 文件里写方法module.exports = {xx}暴露出去,引入页面import { 方法名 } from '../../utils/util' 该方法可直接使用
  3. 同上,引用时var util = require('../../../utils/util.js');util.方法名可直接调用

注意事项

  1. page文件的data里面不要挂载跟wxml页面无关的数据,会造成setData频繁调用或渲染数据过大卡顿奔溃

先就这样吧,工作了,共同学习,后期不定期持续更新

阅读 125

推荐阅读
目录