首页 >> 知识问答

app id是什么(微信小程序APPID配置并快速接入)

2023-12-22 知识问答 22 作者:cxvdsgrgRTR68

大家好,今天给大家分享app id是什么,一起来看看吧。

一、小程序APPID是什么?怎么获取?

概述:APPID全称为Application Identification,即应用程序标识,每个微信小程序都会有有一个原始的APPID,且是唯一的,它就相当于你的小程序在微信中的 ‘身份证’ ,有了它,微信客户端才能确定你的 ‘小程序’ 的身份,并使用微信提供的高级接口。

二、那么我们如何获取微信小程序APPID呢?

首先:我们先在浏览器搜索:微信公众平台

第一步:扫码登录到我们的小程序

第二步:【开发管理】-》【开发设置】-》【APPID】

三、那么我们得到appid有什么用?

概述:appID就像门牌,AppSecret就像钥匙。AppID可以公开,但是AppSecret必须保密。而且微信官方文档反复强调,AppSecret的安全级别很高,也就是说如果泄露出去安全风险很大,要小心保管。你可以重新生成AppSecret,但是切记重新生成AppSecret前,跟你的程序员或技术外包服务商协调好,程序里如果有用到AppSecret的地方,要同步修改,否则程序会报错。

四、获取到appid,如何快如接入

4.1 在小程序项目 app.json 中配置 openai 插件

{&34;: [&34;],&34;: {&34;: {&34;: &34;,&34;: &34;},&34;: {&34;: &34;,&34;: &34;}},&34;: [&34;],&34;: &34;}12345678910111213141516171819

version:应用版本信息,包括版本名称和版本号。

name: 版本名称,字符串类型,用于显示的版本字符串。可通过5 API plus.runtime.version获取版本名称。 本地离线打包配置:Android平台,iOS平台。code 版本号,数字类型(正整数),操作系统使用,新版本的值要大于老版本,否则无法正常安装。可通过5 API plus.runtime.versionCode获取版本号。 本地离线打包配置:Android平台,iOS平台

4.2 在 app.js 中进行插件初始化

var plugin = requirePlugin(&34;);App({onLaunch: function () {plugin.init({appid: &34;, //小程序示例账户,仅供学习和参考openid: &34;, //用户的openid,必填项,可通过wx.login()获取code,然后通过后台接口获取openiduserHeader: &34;, // 用户头像userName: &34;, // 用户昵称anonymous: false, // 是否允许匿名用户评价,默认为false,设为true时,未传递userName、userHeader两个字段时将弹出登录框success: () => {}, //非必填fail: (error) => {}, //非必填});},});123456789101112131415

4.3 获取用户 openid 的方法第一步:调用 wx.login(),获取临时 code

相关文档: https://developers.weixin.qq.com/miniprogram/dev/api/open-api/login/wx.login.html

第二步:将获取到的 code 发送给后台换取 openid

相关文档:https://developers.weixin.qq.com/miniprogram/dev/framework/open-ability/login.html

wx.login({success: (res) => {// 通过code换取openidif (res.code) {wx.request({url: &34;,method: &34;,data: {code: res.code,},success: (res) => {if (res.data && res.data.openid) {// 获取的openid存入storage,方便之后使用wx.setStorageSync(&34;, res.data.openid);}},});}},fail: () => {},complete: () => {},});12345678910111213141516171819202122

4.4 在相应的页面配置中引入插件

{&34;: {&34;: &34;}}12345

4.5 在相应页面的 wxml 中使用插件chat 组件外部必须指定容器, 并设置容器高度, 如果全屏展示, 设置高度为 100vh, 如果是自定义导航栏, 设置高度为(100vh - 导航栏的高度)即可.

<view style=&34;><chatbind:queryCallback=&34;bind:openWebview=&34;bind:openMiniProgram=&34;/></view>1234567

4.6 在相应页面的 js 中配置返回首页回调方法

getQueryCallback 回调, 返回数据getQueryCallback: function(e) {}12345五、如何配置动态appid

如果你的项目有遇到同一套代码,上架多个小程序的需求,这时候就要切换appid。

在uniapp的项目代码中,是通过修改manifest.json文件里面的appid属性达到切换的效果,其中有两处需要修改:

新增vue.config.js文件在根目录下新增vue.config.js文件

// 读取 manifest.json ,修改后重新写入const fs = require(&39;)const manifestPath = &39;let Manifest = fs.readFileSync(manifestPath, { encoding: &39; })function replaceManifest(path, value) {const arr = path.split(&39;)const len = arr.lengthconst lastItem = arr[len - 1]let i = 0let ManifestArr = Manifest.split(/n/)for (let index = 0; index < ManifestArr.length; index ) {const item = ManifestArr[index]if (new RegExp(`&34;`).test(item)) i;if (i === len) {const hasComma = /,/.test(item)ManifestArr[index] = item.replace(new RegExp(`&34;[sS]*:[sS]*`), `&34;: ${value}${hasComma ? &39; : &39;}`)break;}}Manifest = ManifestArr.join(&39;)}// 使用replaceManifest(&39;, false)replaceManifest(&39;, false)replaceManifest(&39;, false)fs.writeFileSync(manifestPath, Manifest, {&34;: &34;})module.exports = {// ...}12345678910111213141516171819202122232425262728293031323334353637

修改package.json文件命令

&34;: &34;,&34;: &34;,&34;: &34;,&34;: &34;1234

以上四条命令分别代表

  • 小程序a开发模式下的测试环境
  • 小程序b开发下的正式环境
  • 小程序a打包模式下的测试环境
  • 小程序b打包模式下的正式环境

以上就是app id是什么的内容分享,希望对大家有用。

tags:

关于我们

利安问答,分享生活中的实用知识,信息,指南。

最火推荐

小编推荐

联系我们