【uni-app】Hbuilder打包h5发行到web服务器

开发用于在微信公众号内打开的H5，

引入了微信sdk，调用sdk的api需要将项目打包到服务器通过https才能测试，否则会报url无效

所以需要将项目部署到服务器来测试

发行前的准备工作：

打开menifest.json配置文件>>h5配置

标题可填可不填，不填默认为基础配置里的应用名称

模板路径不填

路由模式建议history

基础路径：默认/h5/，若打包到根目录运行可不填。楼主打包到服务器根目录下的一个名为anson文件夹，此处则配置“ /h5/anson/ ”。勾选启用https协议。

完后点击工具栏的发行>>网站-H5手机版。填入服务器的域名。完后点击发行

看到控制台打印出 “编译成功” 即表示打包成功，接着去提示的路径打开该h5文件夹

使用flashFXP工具连接上服务器，打开根目录，创建anson文件夹

上面配置的是/h5/anson/，则将static文件夹和index.html传输到服务器的anson文件夹里，使用“域名/h5/anson/”请求

若是没有配置基础路径，或配置了/h5/，则将static文件夹和index.html文件传输到根目录，使用“域名/h5/”请求

【uni-app】Hbuilder打包h5发行到web服务器相关推荐

hbuilder php打包,关于hbuilder打包h5+app
近日接手了一个二次开发项目,使用的是tp5框架,客户需求要做成app,这对没开发过app的我创造了一个巨大难题作为一个php开发,对前端有一点了解,听说可以将h5直接打包成app于是我开始了我的面向 ...
HBuilder 打包 H5 APP 进行认证登录
[H5 Mui] App 统一身份认证登录过程的记录在 h5 app 开发的过程中,用到到统一认证登录的功能(统一身份认证登接口),来进行登录验证. 在开发 h5 app 的时候,一般会提供 app ...
天府一品茶叶商城平台 uni app 开发总结 H5商城
天府一品问题总结问题一: 按钮加上border-radius会发现外层有个长方形线问题二: 如何文章页和文章详情页传值问题三: 引入echarts 参考资料: 问题四: 解析markdown ...
HBuilder打包H5成mp-weixin文件到微信开发者工具运行
点击 HBuilder X 中的菜单:运行->运行到小程序模拟器->微信开发者工具
Linux服务器搭建----Web服务器（apache）
WWW的介绍万维网(亦作"Web"."WWW"."'W3'",英文全称为"World Wide Web"),是一个由许 ...
《jQuery与JavaScript入门经典》——第 1 章　动态Web编程简介 1.1理解Web服务器浏览器范式...
本节书摘来自异步社区<jQuery与JavaScript入门经典>一书中的第1章,第1.1节,作者:[美]Brad Dayley著,更多章节内容可以访问云栖社区"异步社区&quo ...
web 服务器内存影响_高性能服务器架构思路「不仅是思路」
在服务器端程序开发领域,性能问题一直是备受关注的重点.业界有大量的框架.组件.类库都是以性能为卖点而广为人知.然而,服务器端程序在性能问题上应该有何种基本思路,这个却很少被这些项目的文档提及.本文正式 ...
go语言服务器运行,Go语言实现Web服务器
使用Go语言的库非常容易实现一个Web服务器,用来响应像fetch那样的客户端请求.本节将展示一个迷你服务器,返回访问服务器的URL的路径部分.例如,如果请求的URL是http://localhost ...
浏览器与WEB服务器交互
问题:打开浏览器,在地址栏输入url到页面展现,整个过程发生了什么? 图示: 步骤: 1 用户输入网址,包括协议和域名. 2 浏览器先查找自身缓存有没有记录,没有的话再找操作系统缓存. 3 当浏览器在 ...

【uni-app】Hbuilder打包h5发行到web服务器

【uni-app】Hbuilder打包h5发行到web服务器相关推荐

最新文章

热门文章