微信小程序的环境变量配置

本文介绍了如何在微信小程序中配置环境变量,以实现根据不同环境发起不同地址的网络请求。重点讲解了wx.getAccountInfoSync() API的使用,包括其功能描述、返回值对象,并提供了示例代码展示如何封装env.js进行环境变量配置。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

微信小程序 不同环境下 发起不同地址的网络请求
使用到的微信小程序api:

Object wx.getAccountInfoSync()

基础库 2.2.2 开始支持,低版本需做兼容处理

小程序插件:支持,需要小程序基础库版本不低于 2.2.2

微信 Windows 版:支持

微信 Mac 版:支持

功能描述

获取当前账号信息。线上小程序版本号仅支持在正式版小程序中获取,开发版和体验版中无法获取。

返回值

Object

账号信息

属性类型说明
miniProgramObject小程序账号信息
结构属性类型说明最低版本
appIdstring小程序 appId
envVersionstring小程序版本2.10.0
合法值说明
develop开发版
trial体验版
release正式版
versionstring线上小程序版本号2.10.2
pluginObject插件账号信息(仅在插件中调用时包含这一项)
结构属性类型说明
appIdstring插件 appId
versionstring插件版本号

示例代码

const accountInfo = wx.getAccountInfoSync();
console.log(accountInfo.miniProgram.appId) // 小程序 appId
console.log(accountInfo.plugin.appId) // 插件 appId
console.log(accountInfo.plugin.version) // 插件版本号, 'a.b.c' 这样的形式

 封装env.js:配置小程序环境 变量 (需要根据实际 使用环境  配置)

// env.js 

// 配置小程序环境 变量 (需要根据实际 使用环境  配置)
// 获取当前账号信息
const { miniProgram } = wx.getAccountInfoSync()

// 获取小程序当前版本 
const { envVersion } = miniProgram
let env = {
  baseUrl: "业务开发者服务器https地址"
}

switch (envVersion) {
  // 开发版
  case "develop":
    env.baseUrl = ""

    break;
  // 体验版
  case "trial":
    env.baseUrl = ""
    break;
  // 正式版
  case "release":
    env.baseUrl = ""
    break;

  default:
    env.baseUrl = "业务开发者服务器https地址"
    break;

}

export { env }

使用:
 

// 请求配置文件 http.js
import WxRequest from "./rquest"

// 环境配置
import {env} from "./env"
// 拦截器

const instance = new WxRequest({
  baseUrl: env.baseUrl, // 取环境配置
  timeout: 15000,
  isLoading: true // 实例化时是否需要 loading
})

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值