微信小程序连接本地服务器(在本地服务器上进行真机测试-微信开发者工具)

这篇具有很好参考价值的文章主要介绍了微信小程序连接本地服务器(在本地服务器上进行真机测试-微信开发者工具)。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

1.前言

最近做小程序,一直用的是本地服务器接口,在用真机测试的时候,发现动态数据并不能同步,研究了一下发现操作很简单

2.配置步骤

1.首先打开微信开发者工具,打开右上角的详情,点击本地设置,勾选下面的不校验合法域名

微信小程序连接本地服务器(在本地服务器上进行真机测试-微信开发者工具)

2.打开手机的热点,用电脑连接手机热点(保证在同一网络下)(很重要)

3.打开电脑的控制面板----》网络和Internet----》网络和共享中心----》更改高级共享设置----》勾选启用网络发现

微信小程序连接本地服务器(在本地服务器上进行真机测试-微信开发者工具)

微信小程序连接本地服务器(在本地服务器上进行真机测试-微信开发者工具)

微信小程序连接本地服务器(在本地服务器上进行真机测试-微信开发者工具)

微信小程序连接本地服务器(在本地服务器上进行真机测试-微信开发者工具)

4.回退到上一层,选择更改适配器设置,选中手机热点,右键选择状态, 选择详细信息,记住当前的Ipv4地址,在后面要替换localhost

微信小程序连接本地服务器(在本地服务器上进行真机测试-微信开发者工具)

微信小程序连接本地服务器(在本地服务器上进行真机测试-微信开发者工具)

微信小程序连接本地服务器(在本地服务器上进行真机测试-微信开发者工具)

微信小程序连接本地服务器(在本地服务器上进行真机测试-微信开发者工具)

5.打开微信开发者工具,将刚才的IPv4地址替换所有的localhost,我这里是将host封装到一个工具包中,一改全改,大家视自己情况而定即可

微信小程序连接本地服务器(在本地服务器上进行真机测试-微信开发者工具)

 6.最后一步,点击预览扫码即可

微信小程序连接本地服务器(在本地服务器上进行真机测试-微信开发者工具)

 文章来源地址https://www.toymoban.com/news/detail-501735.html

到了这里,关于微信小程序连接本地服务器(在本地服务器上进行真机测试-微信开发者工具)的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • 微信小程序数据库放哪?如何通过阿里云服务器进行连接?

    微信小程序数据库放哪?如何通过阿里云服务器进行连接? 微信小程序开发者在构建应用程序时,通常需要考虑数据库的存储位置。对于微信小程序而言,数据库的选择对于应用的性能和稳定性至关重要。本文将介绍微信小程序数据库的放置位置以及如何通过阿里云服务器进

    2024年02月05日
    浏览(54)
  • 【微信小程序】使用 WebSocket 进行订阅操作、连接监听、接收到服务器的消息事件

    在微信小程序中使用 WebSocket 进行订阅操作,可以通过 wx.connectSocket 方法创建 WebSocket 连接,并通过相关事件处理函数进行订阅和数据处理。 以下是一个示例代码,演示了在微信小程序中使用 WebSocket 进行订阅: 在上述代码中,我们首先使用 wx.connectSocket 方法创建 WebSocket 连接

    2024年02月16日
    浏览(44)
  • 【物联网开发】-微信小程序之MQTT连接,基于MQTT实现设备-服务器-小程序的消息传输

    想要开发微信小程序,首先要有一些基础知识:html、cs、js、json等,小程序中要用到的知识框架大体相同,一个页面包括js、json、wxml、wxss格式的文件。 由于本人此前从未接触过小程序开发,本篇文章将会以新手小白的角度一步步剖析如何使用微信小程序通过MQTT服务器连接设

    2023年04月24日
    浏览(40)
  • 小白开发微信小程序49--本地服务器部署测试小程序

    相信大家对微信小程序的基础和项目应该没有太大问题了,如果还有对微信小程序开发有一些问题,请查看回顾...微信小程序开发者开发好一款微信小程序后,怎么才能发布呢?如何将其提交给微信审核呢? 在前面的【领航教育】项目开发中,后台采用的是C#开发语言,提供的

    2024年02月09日
    浏览(42)
  • 微信小程序配置服务器域名

    在开发微信小程序实现导出功能时用到了微信小程序的API--downloadFile,发现在开发工具上正常,但是在真机上不起作用,后来发现是这个api需要在后台配置服务器域名,下面是配置域名的步骤。 1、登录微信公众平台:https://mp.weixin.qq.com/ 2、在开发目录下选择开发管理中的开发

    2024年02月11日
    浏览(38)
  • 微信小程序如何配置服务器域名

    要在微信小程序中配置服务器域名,您需要按照以下步骤进行操作: 登录微信公众平台(https://mp.weixin.qq.com/)。 进入小程序管理后台。 在左侧菜单中选择\\\"开发\\\",然后选择\\\"开发设置\\\"。 在\\\"服务器域名\\\"一栏中,点击\\\"修改\\\"按钮。 在\\\"request 合法域名\\\"一栏中,点击\\\"+\\\"按钮添加您

    2024年02月21日
    浏览(40)
  • 13、微信小程序:上传图片到服务器

    1、上传图片到服务器,有两个步骤:     1.1  拿到可上传的图片 wx.chooseImage     1.2  将图片上传到服务器  wx.uploadFile 2、代码实现 button bindtap=\\\"upload\\\"点击上传/button image src=\\\"{{imgPath}}\\\" mode=\\\"\\\"/

    2024年02月12日
    浏览(37)
  • 微信小程序请求服务器地址报错

    {\\\"errno\\\":600009,\\\"errMsg\\\":\\\"request:fail invalid url \\\"/home/swiperdata\\\"\\\"} 1、基地址没写 2、基地址或者接口地址没写对,可能多了空格或者字符等 3、使用了第三方封装的请求方法没有在main.js引入注册 注意: 需在根目录的main.js 的new Vue()和app.$mount()之间引入此文件。 在new Vue()后面的原因是,

    2024年02月11日
    浏览(35)
  • 微信小程序怎么从服务器中获取数据

    要从服务器中获取数据,可以使用微信小程序提供的wx.request()方法。以下是一个简单的示例代码: 在上面的代码中,我们使用wx.request()方法发起一个GET请求,并指定了请求的URL。当请求成功后,会调用success回调函数,并在控制台中输出从服务器返回的数据。如果请求失败,

    2024年04月16日
    浏览(31)
  • 服务器更换SSL证书,微信小程序报600001

    某政府单位项目的SSL证书一直使用免费华为SSL证书,一年到期,需要重新申请。因此,服务器需要更换SSL证书。 在nginx组件中成功替换到最新证书并重启,测试使用浏览器访问系统一切正常,成功使用了最新证书进行TLS握手协议。但是,存在部分用户在使用小程序时会出现问

    2023年04月21日
    浏览(39)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包