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

uniapp开发h5引入第三方js（sdk）

news 2026/4/21 7:44:00

manifest.json 应用配置 | uni-app官网

根据文档上描述需要自定义模板的场景为：

方法一：

起初以为是在原有的index.html基础上再新建一个html文件，在项目根目录建立一个template.h5.html（仿照hello-uni-app项目），然后在manifest.json配置中填入template.h5.html，

方法二：（我使用这种方式成功引入了第三方js）

最后发现不是，而是赋值文档里面的hmlt模板基础代码覆盖之前的index.html中的所有代码。

这里网上有的同学按照方法一成功的，感觉真的很奇怪，有懂哥明白的，可以评论区指点一下。

之前uniapp创建的h5项目中index.html 文件代码如下：

<!DOCTYPE html>
<html lang="en"><head><meta charset="UTF-8" /><script>var coverSupport = 'CSS' in window && typeof CSS.supports === 'function' && (CSS.supports('top: env(a)') ||CSS.supports('top: constant(a)'))document.write('<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0' +(coverSupport ? ', viewport-fit=cover' : '') + '" />')</script><title></title><!--preload-links--><!--app-context--></head><body><div id="app"><!--app-html--></div><script type="module" src="/main.js"></script></body>
</html>

使用文档里的html代码覆盖，并通过script标签引入第三方js

<!DOCTYPE html>
<html lang="zh-CN"><head><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><title><%= htmlWebpackPlugin.options.title %></title><!-- Open Graph data --><!-- <meta property="og:title" content="Title Here" /> --><!-- <meta property="og:url" content="http://www.example.com/" /> --><!-- <meta property="og:image" content="http://example.com/image.jpg" /> --><!-- <meta property="og:description" content="Description Here" /> --><script>var coverSupport = 'CSS' in window && typeof CSS.supports === 'function' && (CSS.supports('top: env(a)') || CSS.supports('top: constant(a)'))document.write('<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0' + (coverSupport ? ', viewport-fit=cover' : '') +'" />')</script><script src="https://xxxxxx第三方.js"></script><link rel="stylesheet" href="<%= BASE_URL %>static/index.<%= VUE_APP_INDEX_CSS_HASH %>.css" /></head><body><noscript><strong>Please enable JavaScript to continue.</strong></noscript><div id="app"></div><!-- built files will be auto injected --></body>
</html>

在manifest.json里配置"template": "index.html" 就好啦

相关文章：

uniapp开发h5引入第三方js（sdk）

manifest.json 应用配置 | uni-app官网 根据文档上描述需要自定义模板的场景为&#xff1a; 方法一&#xff1a; 起初以为是在原有的index.html基础上再新建一个html文件&#xff0c;在项目根目录建立一个template.h5.html&#xff08;仿照hello-uni-app项目&#xff09;&…...

编程日记 2023/10/22 9:09:37

Could not find artifact com.sleepycat；je:jar:7.3.7 in aliyunmaven

在编译inlong源码时报的错误&#xff0c;去本地库里发现只有lastupdate的文件&#xff0c;就又去maven库里看了一下Maven Repository: com.sleepycat je (mvnrepository.com)&#xff0c;发现没有这个版本&#xff0c;将版本进行修改错误解决...

编程日记 2023/10/22 9:08:34

rust学习—— 控制流if 表达式

控制流 根据条件是否为真来决定是否执行某些代码&#xff0c;或根据条件是否为真来重复运行一段代码&#xff0c;是大部分编程语言的基本组成部分。Rust 代码中最常见的用来控制执行流的结构是 if 表达式和循环。 if 表达式 if 表达式允许根据条件执行不同的代码分支。你提供…...

编程日记 2023/10/22 9:07:32

POSIX信号量

目录 信号量的原理 信号量函数 使用信号量实现线程互斥功能 基于环形队列的生产消费模型 生产者和消费者必须遵守的两个规则 信号量的原理 通过之前的学习&#xff0c;我们知道有的资源可能会被多个执行流同时申请访问&#xff0c;我们将这种资源叫做临界资源&#xff0c…...

编程日记 2023/10/22 9:05:31

stable diffusion和midjourney哪个好

midjourney和stable diffusion哪个好&#xff1f;midjourney和stable diffusion的区别&#xff1f;那么今天就从这2款软件入手&#xff0c;来探索一下他们的功能的各项区别吧&#xff0c;让你选择更适合你的一款ai软件。 截至目前&#xff0c;我们目睹了生成式人工智能工具的在…...

编程日记 2023/10/22 9:04:29

固件签名的安全解决方案 安当加密

在汽车行业中&#xff0c;加密机常用于对固件进行签名&#xff0c;以增加固件的安全性和完整性。以下是几个可能的使用场景&#xff1a; 固件验证&#xff1a;当汽车制造商或供应商需要对固件进行验证时&#xff0c;可以使用加密机来验证固件的来源和完整性。通过使用公钥和私…...

编程日记 2023/10/22 9:03:28

istio介绍(一)

1. 概念 1.1 虚拟服务 虚拟服务提供流量路由功能&#xff0c;它基于 Istio 和平台提供的基本的连通性和服务发现能力&#xff0c;让您配置如何在服务网格内将请求路由到服务 示例&#xff1a; apiVersion: networking.istio.io/v1alpha3 kind: VirtualService metadata:nam…...

编程日记 2023/10/22 9:02:27

基于鱼鹰优化的BP神经网络（分类应用） - 附代码

基于鱼鹰优化的BP神经网络&#xff08;分类应用&#xff09; - 附代码 文章目录 基于鱼鹰优化的BP神经网络&#xff08;分类应用&#xff09; - 附代码1.鸢尾花iris数据介绍2.数据集整理3.鱼鹰优化BP神经网络3.1 BP神经网络参数设置3.2 鱼鹰算法应用 4.测试结果&#xff1a;5.M…...

编程日记 2023/10/22 9:01:26

【LeetCode】145. 二叉树的后序遍历 [ 左子树 右子树 根结点]

题目链接 文章目录 Python3方法一&#xff1a; 递归 ⟮ O ( n ) ⟯ \lgroup O(n) \rgroup ⟮O(n)⟯方法二&#xff1a; 迭代 ⟮ O ( n ) ⟯ \lgroup O(n) \rgroup ⟮O(n)⟯方法三&#xff1a; Morris ⟮ O ( n ) 、 O ( 1 ) ⟯ \lgroup O(n)、O(1) \rgroup ⟮O(n)、O(1)⟯写…...

编程日记 2023/10/22 9:00:26

Unity之ShaderGraph如何实现触电电流效果

前言 之前使用ASE做过一个电流效果的shader&#xff0c;今天我们通过ShaderGraph来实现一个电流效果。 效果如下&#xff1a; 关键节点 Simple Noise&#xff1a;根据输入UV生成简单噪声或Value噪声。生成的噪声的大小由输入Scale控制。 Power&#xff1a;返回输入A的结果…...

编程日记 2023/10/22 8:59:25

【微信小程序调试工具试用】

【微信小程序调试工具试用】 试用大佬开发的dll拿到某物小程序sign签名 &#xff08;过于简单 大佬勿喷&#xff09;本次工具分享到此结束 什么是爬虫逆向&#xff1f; 试用大佬开发的dll拿到某物小程序sign签名 &#xff08;过于简单 大佬勿喷&#xff09; 1 如图 下面小程序…...

编程日记 2023/10/22 8:57:23

机械生产ERP管理系统

机械生产ERP管理系统 功能介绍: 生产管理&#xff1a; 1.灵活自定义生产车间、成本费用类型、成本项目&#xff1b; 2.方便直观的物料清单&#xff08;BOM&#xff09;&#xff0c;并可以逆向展开&#xff1b; 3.科学实用的物料需求计划&#xff08;MRP&#xff09;&#x…...

编程日记 2023/10/22 8:56:22

Vue 模板字符串碰到script无法识别，报错Parsing error: Unterminated template.

需求&#xff1a; 将js代码完整的显示在界面上&#xff0c;包括标签 代码如下&#xff1a; 报错信息如下&#xff1a; 我们在上图中可以看到模板字符串加入了script标签后会报错 原因&#xff1a;运行JS的时候由上至下&#xff0c;先识别模板字符串里面的script标签&#xf…...

编程日记 2023/10/22 8:55:21

AWS SAP-C02教程5--基础中间件

在AWS中除了计算、存储、网络之外，还有一些组件非常重要，包括基础组件、消息队列组件、日志组件、编排组件等，接下来就通过分成几个不同类别（这个分类按照AWS的大概分类进行分类，并无统一标准，只是具备一定相同功能归类在一起方便记忆） 目录 1 消息中间件1.1 SQS1.1.1 …...

编程日记 2023/10/22 8:53:19

2022年亚太杯APMCM数学建模大赛E题有多少核弹可以摧毁地球求解全过程文档及程序

2022年亚太杯APMCM数学建模大赛 E题 有多少核弹可以摧毁地球 原题再现 1945年8月6日&#xff0c;第二次世界大战即将结束。为了尽快结束战争&#xff0c;美国在日本广岛投下了下一颗名为“小男孩”的原子弹。这样一颗原子弹在广岛炸死了20万人&#xff0c;广岛的所有建筑物都…...

编程日记 2023/10/22 8:52:18

论文阅读[51]通过深度学习快速识别荧光组分

【论文基本信息】 标题&#xff1a;Fast identification of fluorescent components in three-dimensional excitation-emission matrix fluorescence spectra via deep learning 标题译名&#xff1a;通过深度学习快速识别 三维激发-发射矩阵荧光光谱中的荧光组分 期刊与年份&…...

编程日记 2023/10/22 8:51:16

解决Flutter启动一直卡在 Running Gradle task ‘assembleDebug‘...

前言 新建了一个Flutter工程后&#xff0c;Run APP 却一直卡在了Running Gradle task ‘assembleDebug’… 这里。百度查询原因是因为 Gradle 的 Maven 仓库在国外, 因此需要使用阿里云的镜像地址。 1、修改项目中android/build.gradle文件 将 buildscript.repositories 下面…...

编程日记 2023/10/22 8:50:15

c/c++的include机制简述

一 引言 做c/c编程的对#include指令都不会陌生&#xff0c;绝大多数也都知道如何使用&#xff0c;但我相信仍有人对此是一知半解&#xff0c; C: #include <stdio.h>C: #include <iostream> 表示包含C/C标准输入头文件。包含指令不仅仅限于.h头文件&#xff0c;可…...

编程日记 2023/10/22 8:49:14

YOLOv5算法改进（16）— 增加小目标检测层 | 四头检测机制（包括代码+添加步骤+网络结构图）

前言：Hello大家好，我是小哥谈。小目标检测层是指在目标检测任务中用于检测小尺寸目标的特定网络层。由于小目标具有较小的尺寸和低分辨率，它们往往更加难以检测和定位。YOLOv5算法的检测速度与精度较为平衡，但是对于小目标的检测效果不佳，根据一些论文，我们可以通过增加检…...

编程日记 2023/10/22 8:47:11

【计网 EMail】计算机网络 EMail协议详解：中科大郑烇老师笔记 （五）

目录 0 引言1 电子邮件EMail1.1 组成1.2 SMTP协议1.3 案例&#xff1a;Alice给Bob发送报文1.4 SMTP总结1.5 邮件报文格式1.6 POP3协议和IMAP协议 &#x1f64b;‍♂️ 作者&#xff1a;海码007&#x1f4dc; 专栏&#xff1a;计算机四大基础专栏&#x1f4dc; 其他章节&#xf…...

编程日记 2023/10/22 8:46:10

从零开始：Spring Boot + MyBatis 搭建后端接口完整教程

前言&#xff1a;你是否刚接触 Spring Boot&#xff0c;面对一堆配置不知从何下手&#xff1f;是否看了很多教程&#xff0c;却还是搞不清 Controller、Service、Mapper 到底谁先谁后&#xff1f;本文带你从零开始&#xff0c;手把手搭建一个完整的 Spring Boot MyBatis 项目。…...

编程新知 2026/4/21 7:20:15

2026 最新 Gemini 国内能用吗？无需特殊配置直连教程

在2026年的今天&#xff0c;AI工具已经成为我们日常生活和工作的重要助手。很多用户关心&#xff1a;Gemini这款由Google推出的强大AI模型&#xff0c;在国内能否顺畅使用&#xff1f;答案是肯定的。目前最推荐的访问方式是通过OneAiPlus(u.oneaiplus.cn)平台&#xff0c;它聚合…...

编程新知 2026/4/21 7:10:29

万象熔炉 | Anything XL完整指南：支持AnimateDiff的图生视频扩展能力前瞻

万象熔炉 | Anything XL完整指南&#xff1a;支持AnimateDiff的图生视频扩展能力前瞻 1. 引言&#xff1a;从静态图像到动态视频的想象力飞跃 想象一下&#xff0c;你刚刚用AI生成了一张精美的二次元角色图&#xff0c;无论是人物神态还是场景细节都堪称完美。但你是否想过&a…...

编程新知 2026/4/21 6:57:01

易基因: Nat Plants：南科大朱健康/华中农大赵伦团队aChIP-seq+WGBS表观多组学揭示ROS1调控DNA去甲基化新机制

大家好&#xff0c;这里是专注表观组学十余年&#xff0c;领跑多组学科研服务的易基因。 2026年4月2日&#xff0c;华中农业大学赵伦教授与南方科技大学朱健康院士&#xff08;现澳门科技大学校长&#xff09;团队合作&#xff0c;在《Nature Plants》期刊发表题为“Occupancy…...

编程新知 2026/4/21 6:02:21

QNX远程调试与CoreDump分析全流程

QNX系统下的远程调试及核心转储分析流程可归纳为目标端服务配置、主机端环境准备、符号文件加载、调试会话建立四个核心阶段&#xff0c;其技术栈基于GDB的Client-Server架构实现跨平台调试能力 。 一、调试环境架构与工具链选择 QNX的调试体系采用分离式架构&#xff1a;目标…...

编程新知 2026/4/21 5:35:45

在Replit上构建你的首个全栈应用：从零到部署的免费实践

1. 为什么选择Replit开发全栈应用&#xff1f; 第一次听说Replit时&#xff0c;我正为学生的课程设计发愁——他们需要完成一个包含前后端的全栈项目&#xff0c;但很多人的笔记本电脑跑不动开发环境。直到发现这个神奇的云端IDE&#xff0c;所有问题迎刃而解。Replit最吸引我的…...

编程新知 2026/4/21 5:00:22

基于约束感知强化学习算法的能源系统优化调度：最新深度强化学习代码分享，高效能源调度策略实现，E...

基于约束感知强化学习算法的能源系统优化调度&#xff0c;python代码&#xff0c;最新深度强化学习代码用于能源调度&#xff0c;可以发中文核心&#xff0c;ei&#xff0c;非常好的代码&#xff01;一、项目定位与技术背景 在新型电力系统中&#xff0c;分布式能源&#xff08…...

编程新知 2026/4/21 3:51:14

vLLM部署ERNIE-4.5-0.3B-PT灾备方案：模型权重备份、服务快照与一键恢复

vLLM部署ERNIE-4.5-0.3B-PT灾备方案&#xff1a;模型权重备份、服务快照与一键恢复 当你费尽心思部署好一个AI模型服务&#xff0c;比如用vLLM跑起来的ERNIE-4.5-0.3B-PT&#xff0c;看着它稳定运行&#xff0c;心里是不是踏实多了&#xff1f;但有没有想过&#xff0c;万一服…...

编程新知 2026/4/21 3:41:08

通用ADC芯片测试：其TSSOP16、QFN16封装与德诺嘉电子芯片测试座角色应用

在车规级电子&#xff08;如车载传感器、电池管理系统&#xff09;与医疗电子&#xff08;如便携式诊断设备、生命体征监测仪器&#xff09;领域&#xff0c;通用ADC&#xff08;模数转换&#xff09;芯片作为模拟信号与数字信号的“桥梁”&#xff0c;其性能直接决定设备的数据…...

编程新知 2026/4/21 2:26:56

计算机视觉入门：什么是计算机视觉及核心应用场景

计算机视觉入门&#xff1a;什么是计算机视觉及核心应用场景&#x1f4da; 本章学习目标&#xff1a;深入理解什么是计算机视觉及核心应用场景的核心概念与实践方法&#xff0c;掌握关键技术要点&#xff0c;了解实际应用场景与最佳实践。本文属于《计算机视觉教程》计算机视觉…...

编程新知 2026/4/21 2:01:12