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

微信小程序开发添加合法域名

微信小程序开发添加合法域名

基础概念

微信小程序开发中,合法域名的设置是为了确保小程序能够安全地与外部服务器进行通信。微信平台对小程序的网络请求进行了限制,只有配置了合法域名的服务器才能被小程序访问。

相关优势

  1. 安全性:通过限制只能访问特定的域名,微信平台可以有效防止恶意网站和小程序之间的非法通信。
  2. 稳定性:合法域名的设置有助于确保小程序的网络请求能够稳定地进行,减少因网络问题导致的故障。
  3. 合规性:符合微信平台的规范要求,避免因违规操作导致的小程序被封禁。

类型

微信小程序的合法域名分为两类:

  1. HTTPS请求域名:用于小程序发起的HTTPS请求。
  2. WebSocket请求域名:用于小程序与服务器之间的WebSocket通信。

应用场景

  1. 数据获取:小程序需要从服务器获取数据时,必须使用配置了合法域名的服务器。
  2. 用户认证:小程序进行用户登录或身份验证时,需要与后端服务器进行通信。
  3. 实时通信:小程序需要实现实时聊天或推送功能时,需要配置WebSocket请求域名。

遇到的问题及解决方法

问题1:为什么小程序无法访问某些域名?

  • 原因:可能是这些域名未在微信小程序后台配置为合法域名。
  • 解决方法
    1. 登录微信小程序后台。
    2. 进入“开发” -> “开发设置”。
    3. 在“服务器域名”配置项中添加相应的域名,并确保域名已经备案且支持HTTPS。

问题2:如何添加合法域名?

  • 步骤
    1. 登录微信小程序后台。
    2. 进入“开发” -> “开发设置”。
    3. 在“服务器域名”配置项中,点击“添加域名”。
    4. 输入需要添加的域名,并选择域名类型(HTTPS请求域名或WebSocket请求域名)。
    5. 点击“确定”保存设置。

问题3:为什么添加了合法域名后仍然无法访问?

  • 原因
    • 域名未正确备案或未支持HTTPS。
    • 域名配置错误或遗漏。
    • 小程序代码中的请求地址不正确。
  • 解决方法
    1. 确保域名已经正确备案并支持HTTPS。
    2. 检查微信小程序后台的域名配置是否正确。
    3. 确认小程序代码中的请求地址是否正确。

示例代码

以下是一个简单的示例,展示如何在微信小程序中发起HTTPS请求:

代码语言:txt
复制
wx.request({
  url: 'https://your-legal-domain.com/api/data', // 替换为你的合法域名
  method: 'GET',
  success: function(res) {
    console.log(res.data);
  },
  fail: function(err) {
    console.error(err);
  }
});

参考链接

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

通过以上步骤和示例代码,你应该能够顺利地在微信小程序中添加和使用合法域名。如果遇到其他问题,建议查看微信小程序的官方文档或联系微信开发者支持。

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

相关·内容

  • 微信小程序合法域名配置-不校验合法域名、web-view(业务域名)、TLS 版本以及 HTTPS 证书

    微信小程序合法域名配置-不校验合法域名、web-view(业务域名)、TLS 版本以及 HTTPS 证书 很多教程说按照以上方式调用即可。...但是当我们在程序中实际调用以上程序时,就会报错, http://14.116.211.92:8099 不在以下 request 合法域名列表中,请参考文档 微信小程序域名只支持https请求...不在以下合法域名列表中,请参考文档:https://mp.weixin.qq.com/debug/wxadoc/dev/api/network-request.html 小程序开发https请求,警告...二、在微信开发者工具中预览时,会受配置限制,但是我们也可以解除限制。 项目 -> 配置信息,将“开发环境不校验请求域名以及 TLS 版本”勾上。 这样在微信开发者工具中,也可以随意访问了。...微信小程序免费SSL证书https、TLS版本问题的解决方案 微信小程序与第三方服务器通讯的域名5个必要条件 一个已备案的域名,不是localhost、也不是127.0.0.1,域名不能加端口 加ssl

    17.4K30

    微信小程序后端开发流程_微信小程序开发入门

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

    11.3K21

    微信小程序开发实战1 微信小程序开发概述

    图1-4 小程序设置页面 另外在进行小程序开发前,需要在微信小程序后台将开发人员的微信号添加到项目成员中。...只有添加到小程序项目成员的人员才可以使用微信小程序开发工具进行小程序开发、调试、上传程序包等功能。...首次使用开发者工具调试小程序时会出现这样的报错:“xxxxxxxxxx不在合法域名列表中”,这是因为在小程序中发起了wx.request请求,但是请求的域名没有在小程序管理后台中进行设置所致。...图1-6 小程序开发设置 为了降低开发门槛,开发者工具提供了一个选项,即使没有申请服务器域名也可以进行小程序的编码和调试。在微信开发者工具中点击【详情】->勾选【不校验合法域名】。...但是需要注意的是这做只是为了简化开发,当小程序发布上线时这种方式是行不通的,这个时候就需要配置合法域名了。

    10.1K40

    微信小程序开发工具 微信小程序平台开发小程序公司

    在线拖拉组件,全自主布局,基于微信UI设计规则的产品架构,一键生成小程序源码包 小程序商城分销系统、微商、红包、拼团、预约、抢单等热门模式,速成应用公司都有开发!...热门小程序产品案例 速成应用,支持各种小程序系统定制开发服务!速成应用,为您提供热门赚钱小程序营销系统开发!...商家想要在电商行业立足唯有突破瓶颈,通过创新的方式引流拓客,突破销售瓶颈才能走向成功,速成应用综合电商小程序基于10亿活跃用户社交平台开发,借助小程序的红利来帮助商家突破销售瓶颈。 ...门店展示多门店管理,打通线上线下流量,扫码收银多种收银场景,多种支付方式  产品核销多种核销方式,提升店内效率,硬件对接打通硬件,实现线上业务落地线下  在未来的发展过程中,微信小程序的前景必将非常广阔...,而其营销优势也将远远高于其他  如果你对小程序开发、成为小程序代理商有兴趣的话,可进入速成应用https://www.suchengapp.com/小程序开发平台体验

    19.7K50

    微信小程序开发

    小程序是什么 类 web,但又不是 HTML5 基于微信 跨平台 媲美原生操作体验(语音,摄像头,地理定位...) 连接微信生态(用户信息,社交化,微信支付...)...大家可以扫描上方二维码(也可以搜索“小程序示例”)体验下微信小程序的功能。...与 bind 不同, catch 会阻止事件向上冒泡,其他的事件分类可以查看官方文档 小程序登录 使用小程序开发的一个最大优势就是,可以借助微信的用户系统。...其实刚刚创建项目的时候,我们可以选择云开发,微信小程序会帮我们自动创建一个腾讯云 CloudBase 的账号,也可以使用云函数、云数据库相关等功能,但是微信开发者功能提供的云开发功能只支持微信,web...:我们着手使用云开发开发了一个 Todo app 微信小程序,但这仅仅是一个 hello world,小程序还有支付、关联公账号等功能,只有开发了这些功能,才能体现小程序的优势。

    7.2K10

    微信小程序开发

    本文讲解讲解微信小程序开发的相关的内容。 这里假设我们已经通过微信开发者工具新建了项目。 获取用户地理位置 通过用户授权获取用户的地理位置信息,授权一次之后,下次不需要进行授权。 添加 wxml 微信用户登录公众号或小程序时,微信平台为每一个微信登录者分配的一个唯一标识符号。...我们用本地地址来调试接口,所以要在微信开发工具中设定允许本地地址调试。本地设置 -> “勾选” 不校验合法域名、web-view(业务域名)、TLS 版本以及 HTTPS 证书。...util 方法,这样方便管理相关的微信小程序的参数,当然,你也可以放在 application.properties 文件中管理。...设置域名的步骤如下: 登陆小程序管理后台 前往 开发 -> 开发设置 tab 业务域名设置,需要管理员扫码登陆 按提示将校验文件放在服务的根目录,然后验证是否成功添加(根据域名路径访问该文件

    17510

    微信开发--微信小程序(四)

    2.在微信小程序管理后台,还需要配置合法域名。当然,在后台还没有部署https之前,我们也可以进行开发调试,只需要设置不校验合法域名,https证书等即可。...四:微信小程序开发单位问题 我们再开发iOS的时候默认使用pt;在开发Android的时候,我们使用dp,sp等单位;在开发web的时候使用em,rem等单位。...五:wxss文件中不支持本地图片 如果我们有一个需求:添加一张背景图,根据web开发思维,肯定是在background-image:中设置本地图片的路径,但是在微信小程序上这是行不通的。...—— button按钮去除border边框 在开发微信小程序组件框架时,我遇到了一个问题,微信小程序中的button组件有特定的css,背景可以用“background:none”去掉,但是边框再用“...参考博客: 微信小程序开发深入解读 : https://blog.csdn.net/dreamhai/article/details/81002285 微信小程序开发经验总结(遇到的坑和问题汇总) https

    19.4K51

    微信开发--微信小程序(二)

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

    13.3K51

    微信小程序开发

    小程序是什么 类 web,但又不是 HTML5 基于微信 跨平台 媲美原生操作体验(语音,摄像头,地理定位...) 连接微信生态(用户信息,社交化,微信支付...)...大家可以扫描上方二维码(也可以搜索“小程序示例”)体验下微信小程序的功能。...与 bind 不同, catch 会阻止事件向上冒泡,其他的事件分类可以查看官方文档 小程序登录 使用小程序开发的一个最大优势就是,可以借助微信的用户系统。...其实刚刚创建项目的时候,我们可以选择云开发,微信小程序会帮我们自动创建一个腾讯云 CloudBase 的账号,也可以使用云函数、云数据库相关等功能,但是微信开发者功能提供的云开发功能只支持微信,web...:我们着手使用云开发开发了一个 Todo app 微信小程序,但这仅仅是一个 hello world,小程序还有支付、关联公账号等功能,只有开发了这些功能,才能体现小程序的优势。

    6.9K10

    微信开发--微信小程序(一)

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

    16.2K21

    微信小程序蓝牙开发,微信小程序 蓝牙通讯

    客户的需求如下:通过微信小程序控制蓝牙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)}})附上小程序蓝牙项目地址

    44421

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

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

    25K30

    解决微信小程序MQTT真机连接问题与合法域名配置SSL问题

    为方便大家能快速的解决,我添加几个关键词:emqx 配置websocket ssl 、 emqx 配置ssl 、docker项目管理器添加mqtt 、在docker安装mqtt后如何配置ssl证书、小程序反向代理解决...mqtt ssl问题 问题是这样的:小程序的wx对应ws协议,wxs对应wss协议,本篇文章介绍了:1、如何解决真机调试mqtt报错连接不上的问题 2、调试通过后,去除勾选不校验合法域名,连接8084...也没能解决小程序访问wss的问题,小程序调试可以用ws就像http一样在调试端是可以用的,但是上线必须要https,所以ws对应的加密协议就是wss,上文中解决了真机调试的问题,也就是换MQTT.js文件...解决思路:反向代理,通过添加域名设置反向代理,在小程序开发者配置添加合法域名即可 第一步: 第二步:(点击宝塔网站) 第三步: 第四步:(点击反向代理) 粘贴的代码...mqtt 1、进入小程序取消勾选不校验合法域名 2、修改url为 wxs://你的域名:443/mqtt 代码就不贴了,可以参考上一篇文章 3、效果图(手机上测试也通过了)

    2.7K21
    领券