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

微信小程序开发期间设置合法域名

微信小程序开发期间设置合法域名

基础概念

微信小程序开发期间,设置合法域名是为了确保小程序能够安全地访问外部网络资源。微信平台对小程序的网络请求进行了限制,只有配置了合法域名的请求才能被允许。

相关优势

  1. 安全性:通过限制非法域名的访问,防止恶意网站利用小程序进行非法活动。
  2. 稳定性:确保小程序能够访问到可靠的网络资源,减少因网络问题导致的故障。
  3. 合规性:符合微信平台的规范要求,避免因违规操作导致的小程序下架。

类型

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

  1. request合法域名:用于小程序发起网络请求的域名。
  2. uploadFile合法域名:用于小程序上传文件的域名。
  3. downloadFile合法域名:用于小程序下载文件的域名。

应用场景

  1. 数据获取:小程序需要从服务器获取数据时,需要配置request合法域名。
  2. 文件上传:小程序需要上传用户数据到服务器时,需要配置uploadFile合法域名。
  3. 文件下载:小程序需要从服务器下载文件时,需要配置downloadFile合法域名。

遇到的问题及解决方法

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

原因:可能是这些域名未在微信小程序后台配置为合法域名。

解决方法

  1. 登录微信公众平台,进入小程序管理后台。
  2. 在“开发” -> “开发设置”中找到“服务器域名”配置项。
  3. 添加并保存所需的合法域名。
问题:如何添加合法域名?

解决方法

  1. 登录微信公众平台,进入小程序管理后台。
  2. 在“开发” -> “开发设置”中找到“服务器域名”配置项。
  3. 在相应的域名类型(request、uploadFile、downloadFile)下添加域名,每个域名前需要加上http://https://
  4. 添加完成后,点击保存。
示例代码

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

代码语言:txt
复制
// app.js
App({
  onLaunch: function () {
    wx.request({
      url: 'https://api.example.com/data', // 确保此域名已配置为合法域名
      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

    16.6K30

    开发程序中,支付如何设置

    支付号类型:【普通】       此处可配置支付收款账户,用于程序用户收款和推客提现付款       支付的开通在此不再赘述,此处仅说明支付设置中各个参数如何获得 Ø MCHID:指的是支付商户号...,可以登录支付商户后台(pay.weixin.qq.com),在【账户设置->账户信息】中查看 Ø KEY:指的是商户支付密钥KEY也就是API密钥,商户后台打开【账户设置->API安全】查看,首次使用时需要先设置...”的文件,上传到系统后台即可 支付号类型:【服务商】       使用【服务商支付通道】后,程序的顾客使用支付进行消费,该服务商将会获得相应比例的返佣 Ø 服务商MCHID:需要联系服务商获得...Ø 服务商APPID:需要联系服务商获得 Ø MCHID:指的是支付商户号,可以登录支付商户后台(pay.weixin.qq.com),在【账户设置->账户信息】中查看 Ø KEY:指的是商户支付密钥...证书和apiclient_cert证书,点击保存即可 n 支付号类型:【特约商户】 Ø 支付账户类型支持的特约商户号 Ø 设置路径:系统后台 → 设置支付 Ø 设置方法:选择支付后类型为

    2.3K40

    程序开发及相关设置小结

    除此之外,就是研究了一下程序开发,先说对程序的看法: 1、学习成本低。移动端很重要,谁都知道。但对于普通开发者,要投入到移动端的开发中,学习、掌握移动端开发,成本较高。...而程序开发,简单说就是做网页,对于ASPX开发者、DIV+CSS+JS的前端开发者,学习曲线平缓,没有任何不适。 2、开发环境友好。...相比而言,程序开发所需的所有东西,就是开发的环境而已,30M左右的一个安装包,装完就能用了。总的来说,还是不错的,特别是模拟器,我觉得比原来android开发时的模拟器好用多了!...不可否认,程序依赖,还得受腾讯各种限制。但好处就是,的覆盖实在太广了,基本上可以认为就是移动互联网。而且,直接实现跨平台,android和苹果通吃,多好!...一、程序注册 目前程序仅支持企业、媒体、政府和其他组织注册,暂不支持个人注册。如果有开公司的朋友,就比较方便一点,其实只需要公司名称,营业执照注册号信息,貌似也可以搜索用别人的。

    1.2K90

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

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

    10K40

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

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

    11.2K21

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

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

    19.7K50

    程序开发

    前言:2020 年,现在程序虽然不是最火的时间段,但是程序“触手可及,用完即走”的理念对于未知开发者保持一定的神秘和吸引力,应后端同学对程序开发的热情,笔者在疫情期间开发上线了一个款程序《听读说...大家可以扫描上方二维码(也可以搜索“程序示例”)体验下程序的功能。...app.json 文件是用来对程序进行全局配置,决定页面文件的路径、窗口表现、设置网络超时时间、设置多 tab 等。...其实刚刚创建项目的时候,我们可以选择云开发程序会帮我们自动创建一个腾讯云 CloudBase 的账号,也可以使用云函数、云数据库相关等功能,但是开发者功能提供的云开发功能只支持,web...:我们着手使用云开发开发了一个 Todo app 程序,但这仅仅是一个 hello world,程序还有支付、关联公账号等功能,只有开发了这些功能,才能体现程序的优势。

    7.2K10

    程序开发

    本文讲解讲解程序开发的相关的内容。 这里假设我们已经通过开发者工具新建了项目。 获取用户地理位置 通过用户授权获取用户的地理位置信息,授权一次之后,下次不需要进行授权。 添加 wxml “勾选” 不校验合法域名、web-view(业务域名)、TLS 版本以及 HTTPS 证书。...分享功能 程序的分享功能,着手: 分享给好友 分享到朋友圈 开启分享 onLaunch() { // 分享 - https://developers.weixin.qq.com/miniprogram...设置域名的步骤如下: 登陆程序管理后台 前往 开发 -> 开发设置 tab 业务域名设置,需要管理员扫码登陆 按提示将校验文件放在服务的根目录,然后验证是否成功添加(根据域名路径访问该文件

    16410

    程序开发

    前言:2020 年,现在程序虽然不是最火的时间段,但是程序“触手可及,用完即走”的理念对于未知开发者保持一定的神秘和吸引力,应后端同学对程序开发的热情,笔者在疫情期间开发上线了一个款程序《听读说...大家可以扫描上方二维码(也可以搜索“程序示例”)体验下程序的功能。...app.json 文件是用来对程序进行全局配置,决定页面文件的路径、窗口表现、设置网络超时时间、设置多 tab 等。...其实刚刚创建项目的时候,我们可以选择云开发程序会帮我们自动创建一个腾讯云 CloudBase 的账号,也可以使用云函数、云数据库相关等功能,但是开发者功能提供的云开发功能只支持,web...:我们着手使用云开发开发了一个 Todo app 程序,但这仅仅是一个 hello world,程序还有支付、关联公账号等功能,只有开发了这些功能,才能体现程序的优势。

    6.8K10

    开发--程序(四)

    一:https部署以及设置合法域名。 1.程序向后台请求接口必须使用https,包括web-view里的网页,如果项目中有用到web socket,那么也必须使用wss协议。...2.在程序管理后台,还需要配置合法域名。当然,在后台还没有部署https之前,我们也可以进行开发调试,只需要设置不校验合法域名,https证书等即可。...五:wxss文件中不支持本地图片 如果我们有一个需求:添加一张背景图,根据web开发思维,肯定是在background-image:中设置本地图片的路径,但是在程序上这是行不通的。...—— button按钮去除border边框 在开发程序组件框架时,我遇到了一个问题,程序中的button组件有特定的css,背景可以用“background:none”去掉,但是边框再用“...参考博客: 程序开发深入解读 : https://blog.csdn.net/dreamhai/article/details/81002285 程序开发经验总结(遇到的坑和问题汇总) https

    19.4K51

    开发--程序(三)

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

    18.3K20

    开发--程序(二)

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

    13.3K51

    开发--程序(一)

    程序开发相对于公众号的开发显得更为重要,下面就来简单介绍一下程序开发. 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)}})附上程序蓝牙项目地址

    41210
    领券