当前位置： 首页 > news >正文

Hbuilder本地调试微信H5项目（一）

news 文章来源：https://blog.csdn.net/flygoa/article/details/132976708 2025/1/15 12:53:00

摘要

通过内网穿透，访问本地Hbuilder创建的Vue项目

前置准备

  1. 下载并安装【HBuilder】，本文用的是HBuilder3.8.12版本，下载地址

  2. 下载并安装【微信开发者工具】，本文用的是1.06版本，下载地址

  3. 下载并安装【natapp】，下载地址

实现逻辑

  1. 本地使用Hbuilder进行开发并运行起来（配置为80端口）

  2. 使用natapp，获取本地穿透的域名地址

  3. 在微信公众平台，配置安全域名

  4. 使用本地穿透域名在微信开发者工具中访问系统

创建项目

创建uni-app的H5默认模板项目

配置启动端口为80

选中App.vue，【运行】-【运行到内置浏览器】

注册并启动natapp

注册后可在我的隧道中获取到免费的隧道

下载natapp，在config.ini中配置authtoken（在我的隧道列表中可获得）

编辑cinfig.ini文件，将authtoken填写到对应位置

双击natapp.exe启动，就会获取到一个域名，指向本机的80端口

直接访问这个域名即可访问到本地系统（因为是随机的，所以实际访问的时候和截图的不一样）

出现问题

Invalid Host header

解决办法：

打开manifest.json文件，打开【源码视图】，在【decServer】中添加【“disableHostCheck” : true】，即为跳过host检查

    "h5" : {"devServer" : {"disableHostCheck" : true,"https" : false,"port" : 80}}

相关文章：

Hbuilder本地调试微信H5项目（一）

摘要 通过内网穿透，访问本地Hbuilder创建的Vue项目 前置准备 下载并安装【HBuilder】，本文用的是HBuilder3.8.12版本，下载地址 下载并安装【微信开发者工具】，本文用的是1.06版本，下载地址 下载并安装【natapp】&a…...

编程日记 2023/9/22 14:04:40

OPC DCOM快速配置

目录 1 老系统配置 1.1 移除Windows 安全 1.2 建立相互能识别的用户账号 1.3 配置系统宽泛的DCOM设置 1.4 配置Server的特殊DCOM设置 1.5 恢复Windows安全 1 老系统配置 远程OPC访问必须在服务器和客户端两端配置DCOM。本文讲述如何正确配置 DCOM 的步骤并保证安全。 新…...

编程日记 2023/9/22 14:03:38

软件设计模式

1.UML 1.1类图表示法 uml类图中，类使用包含类名、属性、方法 属性或方法前的加好和减号表示了这个方法的可见性，可见性的符号有三种： 表示public -表示private #表示protected 1.2 类与类之间关系 关联关系 单向关联 双向关系 自关联 聚合关…...

编程日记 2023/9/22 14:01:37

Git常见场景命令总结

1、查看远程仓库标签/分支 git ls-remote --tags origin git ls-remote --heads origin2、删除远程仓库标签/分支 git push origin --delete refs/tags/my_tag3、删除本地标签/分支 git branch -d <branch_name>4、修改代码但未add回滚 git checkout -- <file1>…...

编程日记 2023/9/22 13:58:33

面向对象的分析与设计（精品课程）第一章作业

面向对象的分析与设计&#xff08;精品课程&#xff09;第一章作业 一. 单选题&#xff08;共2题&#xff0c;18分&#xff09;二. 多选题&#xff08;共3题&#xff0c;27分&#xff09;三. 填空题&#xff08;共5题&#xff0c;45分&#xff09;四. 简答题&#xff08;共1题&…...

编程日记 2023/9/22 13:57:32

要使用API接口获取淘宝电商平台的数据，您需要遵循以下步骤：

了解API文档和规范&#xff1a;首先&#xff0c;您需要了解淘宝电商平台的API文档和规范&#xff0c;以确定可用的接口和参数。您可以在淘宝开放平台的官方文档中找到这些信息。注册并获取API密钥&#xff1a;在使用API之前&#xff0c;您需要在淘宝开放平台注册并获取API密钥。…...

编程日记 2023/9/22 13:55:29

vue中动态style(如何动态修改伪元素样式)

vue中动态style(如何动态修改伪元素样式)_vue怎么在行内给伪元素加样式_爱上星星的鲸鱼的博客-CSDN博客...

编程日记 2023/9/22 13:53:28

碳当量及相关指数

声明 本文是学习GB-T 713.1-2023 承压设备用钢板和钢带 第1部分&#xff1a;一般要求. 而整理的学习笔记,分享出来希望更多人受益,如果存在侵权请及时联系我们 1 范围 本文件规定了承压设备用钢板和钢带的牌号表示方法、订货内容、尺寸、外形、重量、技术要求、检验 规则、…...

编程日记 2023/9/22 13:49:23

MySQL数据库入门到精通

介绍 终于将黑马程序员 MySQL数据库入门到精通&#xff0c;从mysql安装到mysql高级、mysql优化全囊括这个视频看完了&#xff0c;发现自己之前掌握的数据库知识只能算是个入门&#xff0c;现在将这个视频的笔记整理一下&#xff0c;方便复习。准备按基础篇&#xff0c;进阶篇&…...

编程日记 2023/9/22 13:48:21

【TA】OP-TEE demo学习

前言&#xff1a;工作原因接触Apple软件需要搭建TA环境&#xff0c;涉及到OP-TEE&#xff0c;学习一下 OP-TEE&#xff08;Open Portable Trusted Execution Environment&#xff09;是一个开放源代码的可信执行环境&#xff08;TEE&#xff09;软件框架。它提供了安全的执行环…...

编程日记 2023/9/22 13:47:21

什么是实时操作系统（UCOS简介）

uC/OS-III官网&#xff1a;Home Page - Weston Embedded Solutions 一、裸机与RTOS介绍 下面我将从不同方面阐述裸机与试试操作系统的区别&#xff0c;从而进一步介绍裸机和实时操作系统 定义&#xff1a; 裸机&#xff1a;裸机指的是没有任何操作系统或软件层的硬件系统。在…...

编程日记 2023/9/22 13:45:18

软考-操作系统

/4操作系统的作用 进程 进程的概念 进程是程序的一次执行过程&#xff0c;没有程序就没有进程 进程可有多个线程&#xff0c;线程可共享资源 进程的两个基本属性&#xff1a; 可拥有资源的独立单位可独立调度和分配资源的基本单位 线程可共享&#xff1a; 内存地址空间代码…...

编程日记 2023/9/22 13:44:18

【EasyExcel】excel表格的导入和导出

【EasyExcel】excel表格的导入和导出 【一】EasyExcel简介【二】EasyExcel使用【1】EasyExcel相关依赖【2】写Excel&#xff08;1&#xff09;最简单的写(方式一)&#xff08;2&#xff09;最简单的写(方式二)&#xff08;3&#xff09;排除模型中的属性字段&#xff08;4&…...

编程日记 2023/9/22 13:42:16

Unity shader内置standard代码解析

最近有相关需求制作&#xff0c;所以这里编写一个文档&#xff0c;方便后续的流程查看。 下载源码 由于unity内置的shader是无法查看源码的&#xff0c;你需要去官网下载对应版本内置源码查看 在引擎下载那里&#xff0c;会有一个Built in Shaders&#xff0c;下载 打开以后…...

编程日记 2023/9/22 13:41:15

Redis 有序集合操作实战（全）

目录 ZADD 加入有序集 ZCARD 取成员数量 ZCOUNT 计算区间成员数量 ZINCRBY 运算 ZRANGE 取区间成员(升序) ZRANGEBYSCORE 按分值排序取成员 ZRANK 取成员排名 ZREM 移除成员 ZREMRANGEBYRANK 按位置区间批量移除 ZREMRANGEBYSCORE 按分值区间移除 ZREVRANGE 取区间成…...

编程日记 2023/9/22 13:39:11

化工DCS/SIS/MIS系统时钟同步（NTP服务器）建设

化工DCS/SIS/MIS系统时钟同步&#xff08;NTP服务器&#xff09;建设 化工DCS/SIS/MIS系统时钟同步&#xff08;NTP服务器&#xff09;建设 目前计算机网络中各主机和服务器等网络设备的时间基本处于无序的状态。 随着计算机网络应用的不断涌现&#xff0c;计算机的时间同步问…...

编程日记 2023/9/22 13:35:06

计算机网络工程师多选题系列——操作系统

得多选者得天下啊同志们&#xff01; 摘录按照章节顺序&#xff0c;但事实上各章节习题有交叉。 1 操作系统 1.1 操作系统概论 操作系统的主要功能&#xff1a;进程管理、存储管理、文件管理、设备管理和用户接口。 操作系统的主要功能——设备管理&#xff1a;为用户程序提…...

编程日记 2023/9/22 13:33:05

matlab读写json文件

Background 通常&#xff0c;在matlab中使用mat文件进行数据存储。MAT文件是MATLAB中用来存储数据的二进制文件格式。MAT文件可以包含各种数据类型&#xff0c;包括数字、矩阵、向量、结构体、字符和函数等。但是&#xff0c;当和其他语言有交互时&#xff0c;mat文件会不太方便…...

编程日记 2023/9/22 13:31:03

数据治理-数据仓库环境

数据仓库环境包括一系列组织起来以满足企业需求的架构组件&#xff0c;从源系统流动到数据暂存区&#xff0c;数据可以在这里被清晰&#xff0c;当数据集成并存储在数据仓库或操作数据存储中时&#xff0c;可以对其进行补充丰富。在数据仓库中&#xff0c;可以通过数据集市或数…...

编程日记 2023/9/22 13:27:59

DevOps与CI/CD常见面试问题汇总

01 您能告诉我们DevOps和Agile(敏捷)之间的根本区别吗&#xff1f; 答&#xff1a;尽管DevOps与敏捷方法&#xff08;这是最流行的SDLC[Software Development Life Cycle]方法之一&#xff09;有一些相似之处&#xff0c;但两者在软件开发方面都是根本不同的方法。以下是两者之…...

编程日记 2023/9/22 13:26:58

OJ练习第178题——收集树中金币

收集树中金币 力扣链接&#xff1a;2603. 收集树中金币 题目描述 给你一个 n 个节点的无向无根树&#xff0c;节点编号从 0 到 n - 1 。给你整数 n 和一个长度为 n - 1 的二维整数数组 edges &#xff0c;其中 edges[i] [ai, bi] 表示树中节点 ai 和 bi 之间有一条边。再给…...

编程日记 2023/9/22 13:24:55

uni-app打包iOS ipa文件后不上架App store为用户提供下载解决过程记录

写在前面&#xff0c;itms-services协议是什么 itms-services协议是苹果提供的一种让iOS应用在用户设备上无线安装或升级的协议。 具体来说: itms-services表示iOS应用无线安装服务的URL方案,格式为:itms-services://?actiondownload-manifest&urlMANIFEST_URL其中MANIF…...

编程日记 2023/9/22 13:23:53

MySQL学习系列（2）-每天学习10个知识

目录 1. INNER JOIN 和 ON 子句2. 死锁3. SELECT * 和 SELECT column1, column24. 数据库的视图5. MySQL的触发器类型6. MySQL表的备份和恢复7. MySQL存储引擎8. 索引优化9. MySQL中的子查询10. 使用连接&#xff08;JOIN&#xff09;从多个表中检索数据 &#x1f44d; 点赞&am…...

编程日记 2023/9/22 13:22:53

黑马JVM总结（十四）

&#xff08;1&#xff09;分代回收_1 Java虚拟机都是结合前面几种算法&#xff0c;让他们协同工作&#xff0c;具体实现是虚拟机里面一个叫做分代的垃圾回收机制&#xff0c;把我们堆内存大的区域划分为两块新生代、老年代 新生代有划分为伊甸园、幸存区Form、幸存区To 为什…...

编程日记 2023/9/22 13:20:51

vue项目升级webpack

vue项目升级webpack 目录 1. vue项目中影响webpack版本的是什么 2.理解package.json中库前缀^和~区别 3.升级webpack4到5操作 1. vue项目中影响webpack版本的是什么 答案是&#xff1a;vue/cli-service版本 2.理解package.json中库前缀^和~区别 x.y.z x代表大版本&#xf…...

编程日记 2023/9/22 13:17:48

ubuntu的root用户修改密码失败

解决如下&#xff1a; 查看文件属性是否有a或i lsattr /etc/group /etc/passwd /etc/shadow 移除a和i的属性权限 chattr -ai /etc/group /etc/passwd /etc/shadow 再次使用passwd进行修改密码&#xff0c;就成功了...

编程日记 2023/9/22 13:14:45

C++---链表

1、链表 1.1、链表的结构 每个链表开头都有一个头指针Head尾节点的指针域为NULL&#xff0c;用于判断此列表是否结束 如果一个链表开始就为NULL&#xff0c;那么该链表为空链表 链表中的先后不代表在真实内存中的位置&#xff0c;只是单纯的逻辑上关系 1.2、创建链表 我们首…...

编程日记 2023/9/22 13:13:44

Unity使用Mirror制作局域网的同步

1.脚本布置.参考tank那个demo制作 1.新建空物体,为管理脚本的物体:manager,挂载NetworkManager,kcpTransport,NetworkManagerHud. 2.设置玩家出生点,spawnPoint,设置好初始化的position的位置(*),挂载NetworkStartPosition的脚本 3.新建Player的预制体,挂载NetworkIdentity,Ne…...

编程日记 2023/9/22 13:11:42

算法 N皇后问题-(递归回溯)

牛客网 BM59. 解题思路&#xff1a; 行列、斜叉不在一条直线上。 命令行为 row, 列为col, row 从0开始递归直到最后一行&#xff0c;列从0开始遍历&#xff0c;直到最后一列&#xff0c;中间每一步记录或清除位置状态&#xff0c;状态分为 m1[col] 1, m2[row-col] 1, m3[r…...

编程日记 2023/9/22 13:08:39

个人博客搭建记录

个人博客地址&#xff1a;www.jiasun.top 使用github pagehexo搭建&#xff0c;主题为fluid&#xff0c;搭建步骤参照&#xff1a;Github hexo 实现自己的个人博客、配置主题&#xff08;超详细&#xff09; 主题&#xff1a;https://hexo.fluid-dev.com/ 搭建时的问题&…...

编程日记 2023/9/22 13:07:38

做家政服务类网站的要求/如何在百度发布信息推广

1. 简介&#xff1a; 项目中用am3359从TF卡的reiser文件系统转到ext4文件。转化原因是reiser文件系统的官网都没有了&#xff0c;还有文章提到reiserfs4的代码风格不符合linux代码风格&#xff0c;因此&#xff0c;linux不再主动将reiserfs的代码融合到linux中&#xff0c;即使…...

编程日记 2025/1/15 12:26:33

wordpress 更新主题/网站排名查询工具

2019独角兽企业重金招聘Python工程师标准>>> 线程带来的风险 安全性问题 ----> 安全性的含义是“永远不发生糟糕的事” 线程安全问题非常复杂&#xff0c;在没有充分同步的情况下&#xff0c;多个线程中的操作顺序是无法预测的。 如果没有同步&#xff0c;那么无…...

编程日记 2025/1/15 11:23:29

青海建设厅报名网站/大型营销型网站制作

隐式数据类型转换介绍前面有总结过 JS数据类型转换 Number(), toString(), parseInt()等都是属于强制转换。有时我们遇到当运算符在运算时&#xff0c;如果两边数据类型不统一&#xff0c;CPU无法计算&#xff0c;这是编译器会自动将运算符两边的数据做一个数据类型转换&#x…...

编程日记 2025/1/15 7:59:59

旅游网站反链怎么做/重庆网站设计

先来看一段简单的程序#include#includeint main(){char a, b;a getchar();if(a 1){printf("a 1\n");}else{printf("a ! 1\n");}b getchar();if(b 1){printf("b 1\n");}else{printf("b ! 1\n");}}程序想达到这样一个目的:输入两个…...

编程日记 2025/1/15 7:39:31

网站打开不了怎样做/上海网络推广联盟

本来想着用尺取的思想&#xff0c;不过会超时。利用等差数列S nan*n(n-1)/2,得a (2*S-n*(n-1))/(2*n),然后遍历n&#xff0c;只要满足a是整数就可以&#xff0c;这样复杂度从O&#xff08;S&#xff09;变成了O&#xff08;sqrt&#xff08;S&#xff09;&#xff09;。 #inc…...

编程日记 2025/1/15 6:48:43

前端开发中英文网站怎么做/百度指数移动版

软件实现 软件实现包括代码设计、设计审查、代码编写、代码走查、代码编译和单元测试等基本活动。一般情况下&#xff0c;高级语言明显优于机器语言和汇编语言&#xff0c;采用高级语言有利于产生可读性强、易测试和易维护的程序代码。用什么语言我们要根据实际情况灵活选择。另…...

编程日记 2025/1/14 23:56:12