首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

微信小程序开发多个业务域名配置

微信小程序开发多个业务域名配置

基础概念

微信小程序允许开发者配置多个业务域名,以便小程序能够访问这些域名下的资源。业务域名是指小程序在运行时可以请求的第三方服务器域名。

优势

  1. 灵活性:允许配置多个域名,使得小程序可以访问不同的服务器资源,满足不同业务需求。
  2. 扩展性:随着业务的发展,可以轻松添加新的域名,而不需要重新提交审核。
  3. 安全性:通过配置白名单,可以有效防止小程序访问未授权的域名。

类型

微信小程序的业务域名分为两类:

  1. HTTPS请求域名:用于小程序发起的HTTPS请求。
  2. WebSocket请求域名:用于小程序发起的WebSocket连接。

应用场景

  1. API请求:小程序需要从多个后端服务器获取数据。
  2. 静态资源:小程序需要加载不同来源的图片、CSS、JavaScript等静态资源。
  3. 第三方服务:集成第三方服务,如地图、支付等。

配置方法

在微信公众平台的小程序管理后台,进入“开发” -> “开发设置” -> “服务器域名”,在这里可以添加和管理业务域名。

示例代码

假设你需要配置两个HTTPS请求域名和一个WebSocket请求域名:

代码语言:txt
复制
{
  "networkTimeout": {
    "request": 10000,
    "connectSocket": 10000
  },
  "requestDomain": [
    "https://api.example.com",
    "https://api.another.com"
  ],
  "uploadFileDomain": [
    "https://upload.example.com"
  ],
  "downloadFileDomain": [
    "https://download.example.com"
  ],
  "websocketDomain": [
    "wss://ws.example.com"
  ]
}

参考链接

微信小程序开发文档 - 服务器域名配置

常见问题及解决方法

  1. 域名未通过审核
    • 确保域名已经备案,并且是HTTPS协议。
    • 检查域名是否包含违规内容。
    • 确认域名是否在微信公众平台的白名单中。
  • 小程序无法访问配置的域名
    • 检查域名配置是否正确,是否已经提交审核。
    • 确认域名是否可以正常访问,可以通过浏览器尝试访问。
    • 检查小程序的网络权限设置。
  • WebSocket连接失败
    • 确认WebSocket域名配置正确,并且是wss协议。
    • 检查服务器是否支持WebSocket连接。
    • 确认小程序的网络权限设置。

通过以上步骤,你可以成功配置微信小程序的多个业务域名,并解决常见的配置问题。

页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

  • 程序设置web-view的业务域名

    程序设置web-view的业务域名 ? 效果 域名必备 ?...效果 你的域名必须要备案过 你的域名必须是https,而不能是http web-view 在程序后台添加业务域名,只解析业务域名中的url网页地址的. 域名是需要ICP进行备案的. ?...效果 用ftp上传文件验证域名的所有权 登录官方程序后台,选择设置,选择开发设置,中间有个业务域名,添加业务域名后,程序才能调用组件打开限定域名内的网页. ?...效果 点击“开始配置”按钮,弹出一个窗口,添加一个或多个你要在程序中访问的域名....并不是随便一个备案过的https就可以的,并不是所有域名都可以访问,有的是需要在这个窗口里下载“校验文件”,并把这个校验文件上传到你的网站的根目录,供程序平台进行验证,只有通过了,才能添加域名成功(验证通过后才能配置成功

    7.9K20

    openinstall:程序跳转H5配置业务域名教程

    随着程序的运营场景不断丰富,不少openinstall客户希望通过小程序拓展App落地页下载场景。...但由于程序本身的限制,企业主体的程序必须配置业务域名,才能在web-view中跳转H5页面。因此当程序使用落地页时产生外部请求,就会遇到无法打开非业务域名链接的问题。...解决方法一、登录程序公众平台(https://mp.weixin.qq.com)登录程序账号,注意两者虽然在同一平台登录,但账号不同。...图片二、开发设置选择开发管理->开发设置->业务域名,新增配置域名模块。图片限制说明(1)目前程序内嵌网页能力暂不开放给个人类型帐号和小游戏帐号。...图片至此便完成程序中集成openinstall web sdk的落地页业务域名配置开发者可以在程序中正常使用相关的H5页面,为App的营销推广业务拓展更多使用场景。

    1.5K30

    程序后端开发流程_程序开发入门

    程序开发流程记录 一、代码处理 (一)程序(前端显示) 程序项目的架构 部分特点说明 (二)后台服务器(数据交互) 需要的环境 特别注意 二、项目部署 (一)Wampserver...的设置 (二)域名的获取 (三)程序官方网站上的设置 一、代码处理 最近一大学同窗开了家自习室,需要一个自习室的预约程序,又恰好手上没有什么代码项目在写,本着少一事不如多一事的原则,尝试了第一次的程序开发...在开发工具中,可以直接上传至程序官网,提交为体验版。...(三)程序官方网站上的设置 登录程序网页,登录后,有几个地方需要注意修改: “开发”–“开发设置”–“服务器域名”–“request合法域名”,添加你的域名到这里,表示这是一个允许通过的域名,不然你在体验版中...或者在开发工具中,调试时,勾选“不校验域名XXXX”。 “首页”–“程序信息”,谨慎填写,很多都有限制修改次数。

    11.2K21

    程序开发实战1 程序开发概述

    使用程序开发的应用,不需要兼容多个平台,开发完成后可以直接运行于多个平台,降低了应用的开发门槛。...服务器域名的设置请到程序管理后台【开发】->【开发管理】->【开发设置】->【服务器域名】中进行配置。...如果程序中使用了Webview,并引用了第三方页面,在运行调试程序是会出现“页面找不到”的错误提示。这个时候需要进行业务域名配置。...由于程序本身的限制,不能直接在Web-view中随意跳转H5页面,需要先配置业务域名,才能在Web-view中跳转H5页面。...图1-7 业务域名配置 业务域名必须是https协议的,且业务域名需经过ICP备案。业务域名配置时需要下载校验文件,并将文件放置在域名根目录下,并确保可以访问到该文件。

    10K40

    程序开发

    大家可以扫描上方二维码(也可以搜索“程序示例”)体验下程序的功能。...app.json 文件是用来对程序进行全局配置,决定页面文件的路径、窗口表现、设置网络超时时间、设置多 tab 等。...其实刚刚创建项目的时候,我们可以选择云开发程序会帮我们自动创建一个腾讯云 CloudBase 的账号,也可以使用云函数、云数据库相关等功能,但是开发者功能提供的云开发功能只支持,web...:我们着手使用云开发开发了一个 Todo app 程序,但这仅仅是一个 hello world,程序还有支付、关联公账号等功能,只有开发了这些功能,才能体现程序的优势。...跨端开发并不难:我们了解了跨端开发框架,并熟悉其实现原理,从开发者的角度看,我们需要开发支付宝等多个程序;然而站在浏览器的角度看,它们的差别其实没那么大,都是调用了 BOM/DOM 那几个常用的

    7.2K10

    程序开发工具 程序平台开发程序公司

    在线拖拉组件,全自主布局,基于UI设计规则的产品架构,一键生成程序源码包 程序商城分销系统、商、红包、拼团、预约、抢单等热门模式,速成应用公司都有开发!...热门程序产品案例 速成应用,支持各种程序系统定制开发服务!速成应用,为您提供热门赚钱程序营销系统开发!...热门程序行业解决方案 现有官网、母婴、化妆品、门店、电商、购物、美容等20多个行业,程序+APP+PC+公众号+移动端多网合一解决方案!...门店展示多门店管理,打通线上线下流量,扫码收银多种收银场景,多种支付方式  产品核销多种核销方式,提升店内效率,硬件对接打通硬件,实现线上业务落地线下  在未来的发展过程中,程序的前景必将非常广阔...,而其营销优势也将远远高于其他  如果你对程序开发、成为程序代理商有兴趣的话,可进入速成应用https://www.suchengapp.com/程序开发平台体验

    19.7K50

    程序开发

    本文讲解讲解程序开发的相关的内容。 这里假设我们已经通过开发者工具新建了项目。 获取用户地理位置 通过用户授权获取用户的地理位置信息,授权一次之后,下次不需要进行授权。 添加 wxml “勾选” 不校验合法域名、web-view(业务域名)、TLS 版本以及 HTTPS 证书。...我们可以参考 vant weapp 程序 - 快速上手 来集成。 构建 npm 的过程可能会报错。配置好文件后,需要关闭开发者工具,再打开。...设置域名的步骤如下: 登陆程序管理后台 前往 开发 -> 开发设置 tab 业务域名设置,需要管理员扫码登陆 按提示将校验文件放在服务的根目录,然后验证是否成功添加(根据域名路径访问该文件

    15910

    开发--程序(三)

    数据存储生命周期跟程序本身一致,即除用户主动删除或超过一定时间被自动清理,否则数据都一直可用。...程序字符串与变量名的拼接 示例代码: <image src="https...<em>微</em><em>信</em><em>小</em><em>程序</em>参数传递(总结) 明确事件 事件是视图层到逻辑层的通讯方式 事件可以将用户的行为反馈到逻辑层进行处理 事件可以绑定在组件上,当达到触发事件,就会执行逻辑层对应的事件处理函数 事件对象可以携带额外信息...事件分为冒泡事件和非冒泡事件 冒泡事件:当一个组件上的事件被触发后,该事件会向父节点传递 非冒泡事件:当一个组件上的事件被触发后,该事件不会向父节点传递 一般使用场景中,例如一个列表的item中有<em>多个</em>点击事件需要处理...key: keymay[i], }) } } }, 注意: 1、data-名称 不能有大写字母,如果需要,可以通过 - (中划线)来连接单词,编译的时候<em>小</em><em>程序</em>会将第二个单词首字母自动大写

    18.3K20

    开发--程序(四)

    2.在程序管理后台,还需要配置合法域名。当然,在后台还没有部署https之前,我们也可以进行开发调试,只需要设置不校验合法域名,https证书等即可。...四:程序开发单位问题 我们再开发iOS的时候默认使用pt;在开发Android的时候,我们使用dp,sp等单位;在开发web的时候使用em,rem等单位。...DOM树 web开发中,可以使用getElementById()访问documnent中的某一个元素,顾名思义,就是通过id来获取元素,但是程序没有windows对象,所以程序不能直接操作dom...—— button按钮去除border边框 在开发程序组件框架时,我遇到了一个问题,程序中的button组件有特定的css,背景可以用“background:none”去掉,但是边框再用“...参考博客: 程序开发深入解读 : https://blog.csdn.net/dreamhai/article/details/81002285 程序开发经验总结(遇到的坑和问题汇总) https

    19.4K51

    程序开发

    大家可以扫描上方二维码(也可以搜索“程序示例”)体验下程序的功能。...app.json 文件是用来对程序进行全局配置,决定页面文件的路径、窗口表现、设置网络超时时间、设置多 tab 等。...其实刚刚创建项目的时候,我们可以选择云开发程序会帮我们自动创建一个腾讯云 CloudBase 的账号,也可以使用云函数、云数据库相关等功能,但是开发者功能提供的云开发功能只支持,web...:我们着手使用云开发开发了一个 Todo app 程序,但这仅仅是一个 hello world,程序还有支付、关联公账号等功能,只有开发了这些功能,才能体现程序的优势。...跨端开发并不难:我们了解了跨端开发框架,并熟悉其实现原理,从开发者的角度看,我们需要开发支付宝等多个程序;然而站在浏览器的角度看,它们的差别其实没那么大,都是调用了 BOM/DOM 那几个常用的

    6.8K10

    开发--程序(二)

    程序下拉刷新 相信大家都使用过程序,那一定都知道程序下拉刷新吧,其实下拉刷新是程序自带的功能,只不过没有背景图看不出来而已,好坑诶....如果想要显示出来下拉刷新的三个小点,只需要在app.json文件中配置就好啦: "window": { //三个小点的颜色,只有两种颜色哈 "backgroundTextStyle":...程序上拉数据加载,请求新数据 以昨天的电影列表为例,一次请求20条数据,这就需要监听页面加载,将网络请求单独封装,用户上拉,数据置为空,,list.js文件是这样的: Page({ /**...补充一个知识吧 以电影列表为例,数据在循环时,演员的名字中间用 '/' 隔开,可是如果直接循环 '/' ,最后一个演员后面也会有 '/' ,可我们要实现的效果是这样: ? 那要怎么办呢?...' / ':''}} 4. php定界符 这个是公众号里用到的,突然想起来了,来总结一下它的基本用法.

    13.2K51

    开发--程序(一)

    程序开发相对于公众号的开发显得更为重要,下面就来简单介绍一下程序开发. 1. 注册 在公众平台注册程序, 账号一定要不同于公众号的邮箱哦. 2....下载 点击右上角的 "文档" ,在左侧找到 "开发者工具的使用",点击蓝色字体 "开发者工具", 下载稳定版的Windows64 ,可根据自己的实际下载.安装以后就可以用啦. 3....创建 打开下载的 "web开发者工具" ,创建一个程序项目. 打开程序右上角的 "程序开发" ,这里有详细的API文档可供参考. 4....底部导航栏 tabBar 点击右上角的 "文档"后点击上侧导航栏的指南--基础能力--自定义tabBar 在 "开发者工具" 里的app.json 文件中全局配置: "tabBar": {...---- 用到更多: 电影列表的星星评分 iView Weapp -- 一套高质量的程序 UI 组件库 1.

    16.1K21

    程序开发(全局配置文件)

    目录: papes字段 window字段 tabbar字段 程序中全局配置文件指:app.json文件,该文件通过开发者工具新建项目后会自动生成,无需自己手动创建。...本文主要来了解一下全局配置文件中各字段的作用或含义。 pages字段 作用:控制页面目录 在程序开发时,每个页面都对应一个目录,每个目录又分别有wxml、wxss、js和json四个文件。...window字段 作用:控制程序顶部背景颜色,标题等元素 该字段内容是一个json字符串,key和value都需要用引号包含。...更多属性请移步开放文档中查看。 tabBar字段 作用:控制导航条样式和内容。...更多属性请移步开放文档中查看。

    95320

    程序蓝牙开发,程序 蓝牙通讯

    客户的需求如下:通过程序控制蓝牙ble设备(电子面膜),通过不同指令控制面膜的亮度和时间。...02.现在开始进行开发程序端:    0201.蓝牙适配器开启wx.openBluetoothAdapter({  success: function (res) {    //开启成功,继续搜索操作...  },  fail:function(){    //开启失败,后台监听状态处理,注意:在安卓系统中手动开启蓝牙可以监听,苹果在设置中开启监听不到,必须使用快捷图标开启(算是程序蓝牙之坑)    wx.onBluetoothAdapterStateChange...打印获取到的设备列表,此处可以获取到设备的广播消息        //设备的deviceId字段要非常注意,安卓返回的硬件mac地址,苹果返回的是uuid        //当然无论返回什么都不影响你使用程序蓝牙...buffer,success: function (res) {//console.log('writeBLECharacteristicValue success', res.errMsg)}})附上程序蓝牙项目地址

    38610

    程序开发平台分享,程序开发教程详解

    程序开发平台分享,程序开发教程详解?今天珍奶bb给大家简单唠唠程序开发流程是什么?在唠程序制作流程前,我先给大家讲讲当前互联网企业和中小企业的经营状况。...2.确认需求和预算,找合适的第三方程序开发平台确认好程序制作的具体功能和需求后,然后结合自己的程序制作预算去找第三方程序制作公司获取价格。...3.确定程序开发页面的设计方案确认了程序制作的功能以及合作的第三方程序制作平台后,接下来就需要确认程序的页面设计方案了。...7.将程序账号绑定在开发好的程序上把申请好的程序账号绑定在已经制作好的程序上,绑定好之后可以直接在公众平台上登录程序账号,看看是否已经绑定好。信息是否正确等。...上述就是珍奶bb给大家讲解的程序开发详细步骤,该步骤是和第三方程序开发平台合作开发的步骤。非常适合自行开发比较困难的中小企业。

    24.9K30

    程序—相关配置

    程序介绍 什么是程序?...打开小程序开发者工具,用扫码登录开发者工具,准备开发你的第一个程序吧!...通过这个章节,你已经成功创建了你的第一个程序,并且在客户端上体验到它流畅的表现。 目录结构 程序包含一个描述整体程序的 app 和多个描述各自页面的 page。...light" } 配置程序 /sitemap 配置 现已开放程序内搜索,开发者可以通过 sitemap.json 配置,或者管理后台页面收录开关来配置程序页面是否允许索引。...当开发者允许索引时,会通过爬虫的形式,为程序的页面内容建立索引。当用户的搜索词条触发该索引时,程序的页面将可能展示在搜索结果中。

    31910
    领券