欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  微信小程序

小程序开发的简单实例代码

程序员文章站 2022-03-28 12:04:20
...
最近在开发一款微信小程序的应用,我也是从零开始,在开发过程中遇到需要注意的地方做一个整理。

this作用域

这个在调试的时候可能会因为定义而不报错,从而调试起来很麻烦,所以要特别注意

onLoad: function () {
        var that = this
        wx.request({
            url: 'https://域名/AppService/UserHandler.ashx', 
            data: {
                
            },
            method: 'GET',
            header: {
                'Content-Type': 'application/json'
            },
            success: function (res) {
                that.setData({
                    
                })
            },
            fail: function (res) {

            }
        })
    }

异步

request是异步请求,所以同级函数,一个请求,一个获取请求的返回值是获取不到的,需要使用回调函数

TLS版本

请求数据时,会提示一个TLS版本不能高于1.0,在项目中把“开发环境不校验请求域名以及TLS版本”勾选上

https

小程序只支持绑定域名的https,并在小程序管理界面的request进行配置

全局变量

->定义

//app.js
App({
  onLaunch: function () {

  },
  globalData: {
    userInfo: null
  }
})

->赋值

//index.js
//获取应用实例
var app = getApp()
Page({
  data: {
    userInfo: {}
  }
})

->获取使用

//user.js
//获取应用实例
var app = getApp()
Page({
    // 页面初始数据
    data: {
        userInfo: null
    },
    onLoad: function () {
        this.setData({
            userInfo: getApp().globalData.userInfo,
        })
    }
})

【相关推荐】

1. 微信小程序完整源码下载

2. 追格微信小程序应用商店源码

3. 微信小程序demo:阳淘

以上就是小程序开发的简单实例代码的详细内容,更多请关注其它相关文章!