微信开发者工具-HBuilderX

最新推荐文章于 2024-06-10 09:18:40 发布
最新推荐文章于 2024-06-10 09:18:40 发布
阅读量1.1w 收藏 11
点赞数
分类专栏： Frontend
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/wanlixingzhe/article/details/91414725
版权

环境

HBuilderX.2.0.0.20190610.full.zip
Windows10
微信开发者工具1.02.1905151

配置

解压运行
  1. HBuilderX运行后，点击工具-设置-运行配置-小程序运行配置 ，配置微信小程序开发工具安装路径。例如：D:/Program Files (x86)/Tencent/微信web开发者工具，注意这里不需要定位到微信web开发者工具.exe否则会报错。
    在这里插入图片描述
  2. 点击运行前打开微信开发者工具----设置—代理设置----安全默认是关闭的，选择开启服务端口，否则会报错：

[HBuilder] 10:59:09.614 微信开发者工具拒绝HBuilderX访问，请根据上述提示，在微信开发者工具中开启服务端口
11:00:17.782

新建项目

在HBuilderX中新建项目时，支持小程序类型，如下：

最低0.47元/天 解锁文章
Bobyte
关注
  • 0
    点赞
  • 踩
  • 11
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
微信开发者工具拒绝HBuilderX访问，请根据上述提示，在微信开发者工具中开启服务端口
郭宝的博客
11-06 9725
解决办法： 1、首先打开微信开发者工具，然后点击菜单栏的设置>>安全设置> 2、然后将服务端口开启 3、然后再打开HBuilder X工具，运行>>运行到小程序模拟器>>停止微信开发者工具 4、然后再次运行到微信小程序模拟器即可，效果图如下： ...
第一次 hbuilder 打开微信小程序
m0_63476377的博客
01-13 752
下载微信开发者工具，hbuilder 在hbuilder中导入项目，在hbuilder中运行， ====>>选择微信开发者工具 将该项目中的AppID 要和微信小程序开发管理中的ID 保持一致 （同时微信小程序进去右上角有个设置，进入设置里面将服务端口也要打开） ...
HBuilder X 运行到微信开发者工具 打不开项目 的另一种原因
qq_44332894的博客
01-26 1210
HBuilder X 运行到微信开发者工具打不开项目的另一种原因
微信开发者工具下载地址
热门推荐
baifq的记录博客
01-05 8万+
微信官方开发工具下载
微信小程序强制开启开发者工具（非常详细）零基础入门到精通，收藏这一篇就够了
最新发布
Javachichi的博客
06-10 942
内容概要：包括 内网、操作系统、协议、渗透测试、安服、漏洞、注入、XSS、CSRF、SSRF、文件上传、文件下载、文件包含、XXE、逻辑漏洞、工具、SQLmap、NMAP、BP、MSF…技术文档也是我自己整理的，包括我参加大型网安行动、CTF和挖SRC漏洞的经验和技术要点，电子书也有200多本，由于内容的敏感性，我就不一一展示了。网上虽然也有很多的学习资源，但基本上都残缺不全的，这是我自己录的网安视频教程，上面路线图的每一个知识点，我都有配套的视频讲解。（都打包成一块的了，不能一一展开，总共300多集）
Hbuilder调用微信开发者工具失败，提示微信开发者工具拒绝hBuilderX访问
不知道猫咪的博客
02-14 7178
处理方法：阅读了链接文章，确实学习，但是处理起来很简单。 直接在微信开发者工具中，“设置-通用设置-安全”里面，开启服务端口即可
微信开发者工具官网下载地址:
易的博客
09-07 585
微信开发者工具官网下载地址:
微信小程序开发者工具及官网
小李的博客
05-25 3266
微信开发环境 点击下载_微信小程序开发工具_稳定版_提取码: 1gi3 微信开发文档 微信开发者社区 微信公众平台 微信小程序应用开发赛
HBuilder实现蓝牙通讯 - 亲测可用html5-bluetooth-demo-HBuilderX
04-12
标题中的“HBuilder实现蓝牙通讯 - 亲测可用html5-bluetooth-demo-HBuilderX”指出，这个项目是关于使用HBuilderX开发工具实现基于HTML5的蓝牙通信功能，并且已经通过实际测试验证其可行性。HBuilderX是一款强大的...
通过Hbuilder X创建uni-app项目并引入UView
08-18
首先，我们需要安装Hbuilder X，这是一个强大的多端开发工具，集成了代码编辑、预览、打包等功能。下载并安装完成后，打开Hbuilder X，点击左侧菜单栏的“创建”按钮，选择“uni-app项目”，输入项目名称和选择存储...
微信小程序--基于微信小程序的仿美团外卖（包括源码，数据库，教程）.zip
06-02
微信小程序项目实战，微信小程序课程设计，基于微信小程序开发的，含有简单代码注册，...2. 微信小程序，用微信开发者工具导入或者 HBuilder x 工具 3. 数据库可视化软件，推荐使用它 Navicat，MySql 建议使用 5.7 版本
微信web开发者工具
04-26
微信web官方开发小程序的开发者工具！.json 配置文件 .js 逻辑文件 .wxss 样式文件 .wxml 布局文件 pages存放首页的信息 logs存放日志文件的信息 app.js存放全局共享的逻辑文件 app.json存放全局共享的配置文件 app.wxss存放全局共享的样式文件 局部代码指每个页面独享的代码 配置层（.json） 逻辑层（.js） 视图层（.wxml,.wxss） #配置层# pages->设置页面路径，接受一个数据，每一项都是字符串，来指定小程序有哪些页面构成，每一项代表对应页面的【路径+文件名】信息，数据的第一项为小程序的首页。 windows->设置默认页面的窗口表现（用于设置小程序的状态栏、导航栏、标题、窗口背景色） tabbar->设置底部tab的表现（如果一个小程序是一个多tab应用，客户端窗口底部或顶部有tab可切换页面，可以通过tabbar配置项指定tab栏的表现，以及tab切换时显示的对应页面） networkTimeout->设置网络超时时间 debug->设置是否开启debug模式（可以在开发者工具中开启debug模式，在开发者工具的控制台面板，调试信息以Info的形式给出，其信息有Page的注册，页面路由，数据更新，时间触发，可以帮助开发者快速定位一些常见的问题） #逻辑层# 提供丰富的API app()函数用来注册一个小程序，接受一个object参数，其指定小程序的生命周期函数等。
微信开发者工具小程序
08-10
微信开发者工具(小程序)源码
HBuilderX.1.6.2.20190220.zip
06-03
一款支持HTML5的Web开发IDE;大幅提升HTML、js、css的开发效率。
前端开发工具：HBuilder X
09-27
HBuilder X持续进行版本迭代，如HBuilderX.3.4.18版本可能包含了性能优化、新功能添加或已知问题修复。DCloud还建立了活跃的开发者社区，提供技术问答、教程分享和案例参考，帮助开发者解决实际问题，提升技能。 ...
微信小程序--基于微信小程序的 班夫旅游小程序（包括源码，数据库，教程）.zip
06-02
微信小程序项目实战，微信小程序课程设计，基于微信小程序开发的，含有简单代码注册，...2. 微信小程序，用微信开发者工具导入或者 HBuilder x 工具 3. 数据库可视化软件，推荐使用它 Navicat，MySql 建议使用 5.7 版本
微信开发者工具（一）
CHENxx_zw的博客
08-29 4206
微信开发者工具（一） 1.首先下载好开发工具，我选择的是稳定版Stable Bulid（Windows 64），可根据自己需要选择下载。 2.下载完成，运行，点击小程序，添加。 3.输入自己微信小程序的AppID，后端服务选择“不使用云服务”，点击新建，出现如图界面。我们可以看到文件主要分为两类：页面文件和主体文件。 4.我们先看看utils文件里的app.json：app.json 是当前...
微信开发者工具安装
kuxingseng123的博客
10-05 1855
使用微信开发者工具，学习开发小程序，及其微信公众号运营，。！ ——小白成长记。，
如何下载微信开发者工具?
huxiaguang的博客
09-07 650
今天来解决一下微信开发者工具的下载问题, https://developers.weixin.qq.com/miniprogram/dev/devtools/download.html 上边呢是微信开发者工具的下载地址,点链接就可以跳转到下载页面,下一个稳定版 Stable Build (1.05.2108130) 这是我当前在用的一个版本,下载好了直接打开就好,可以傻瓜式操作直接下一步, 不过我推荐大家把路径调整到一个自己常用的盘中,以上就是我的解决方法了 ...
微信开发者工具拒绝hbuilderx访问，请根据上述提示，在微信开发者工具中开启服务端口
06-28
### 回答1： 您好，要在微信开发者工具中开启服务端口，请按照以下步骤操作： 1. 打开微信开发者工具，点击菜单栏中的“设置”按钮。 2. 在设置页面中，找到“安全设置”选项，将“服务端口”设置为“开启”。 3. 点击“确定”按钮保存设置，然后重新启动微信开发者工具即可。 这样就可以让hbuilderx访问微信开发者工具了。希望对您有帮助！ ### 回答2： 微信开发者工具拒绝HBuilderX访问可能是因为微信开发者工具没有开启服务端口，因此我们需要在微信开发者工具中开启服务端口。 具体操作步骤如下： 1. 打开微信开发者工具，进入设置页面（在工具界面的左下角点击 “设置” ）； 2. 在设置页面中选择 “安全设置”，并将 “服务端口” 设置为 “开启”； 3. 点击确认，保存设置。然后再将微信开发者工具关闭后重新启动一遍。 现在再次尝试使用HBuilderX访问微信开发者工具，应该就可以正常连接了。此时HBuilderX可以正常与微信开发者工具进行数据交互，实现开发者工具中的调试，打包等功能。 需要注意的是，开启服务端口可能会对电脑的安全性造成影响，因此在开启后，需要保证自己的电脑安全性，不要外泄端口信息，同时也需要及时更新开发者工具和相关的插件，以保证软件的安全性和性能。 ### 回答3： 微信开发者工具是我们在进行小程序开发时必不可少的工具之一，但有时候会出现微信开发者工具拒绝HBuilderX访问的情况。这种情况一般是因为微信开发者工具未开启服务端口导致的。 在处理这种情况时，我们需要在微信开发者工具中开启服务端口。首先打开微信开发者工具，如图所示，在左下角找到“设置”并点击： 然后在“设置”页面中，找到“安全设置”，勾选“服务端口”即可。 勾选后我们会发现，微信开发者工具会提示我们“重新启动”才能生效。我们点击“重新启动”，等待开发者工具重新启动即可。 若开发者工具再次出现“拒绝HBuilderX访问”的情况，可以尝试关闭其他工具并重启微信开发者工具，或者卸载并重新安装微信开发者工具。 总之，开启服务端口非常简单，只需勾选一下即可，但开发者也要注意保证开发者工具的平稳运行。在使用微信开发者工具过程中，要注意及时保存并备份数据，及时清理缓存和调试小程序，这样才能避免出现各种问题。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值