新手一个,大佬勿喷,感谢

1.新建项目

1.首先初始化一个uniapp项目

2.配置项目

1.项目根目录下,有一个manifest.json文件,里面是一些项目配置
2.找到h5配置
3.运行的基础路径配置成 ./ (视情况而定,默认情况下是 ./ ),标题配置要有意义
4.index.html模板路径要为空,否则打包编译放到服务器上的时候会是一个空白页面,当初我在这里栽了好大个坑,其他的可填可不填
关于使用uinapp开发微信h5的那些事

3.发行编译项目

1.点击发行,选择网页-h5手机版,填写网站标题和网站域名,注意网站域名对应你们服务器的域名,网站标题可以随便写,但是要有意义
关于使用uinapp开发微信h5的那些事
关于使用uinapp开发微信h5的那些事
注意: 网站域名是一定要写的,我这里只是做一个演示

2.编译成功之后,在项目根目录下会生成一个unpackage文件,/unpackage/dist/build/h5就是这样一个路径,把h5这个文件拿出来放到你们服务器上就大功告成了。
关于使用uinapp开发微信h5的那些事

注意: 放到服务器上的时候不要动打包好的js和css文件,除非你觉得你能配置好对应的引入路径。
注意: 不要在本地打开 /unpackage/dist/build/h5下面的index.html文件,因为打开之后你啥也看不到,本地打开是一个空白页面,放到服务器上才行。
一个简单的h5就做好了

4.运行项目

1.点击运行,可以运行在浏览器里面,因为这里咱们做的是微信h5 ,所以尽可能的还是在微信开发者工具中的公众号网页调试里面查看

1.1 在浏览器里面如何打开
关于使用uinapp开发微信h5的那些事
1.2:在微信开发者工具里面如何打开,打开之后把本地的运行路径放到公众号网页调试的url地址栏即可
关于使用uinapp开发微信h5的那些事

2.本地运行路径,复制在浏览器里面打开关于使用uinapp开发微信h5的那些事

最后

1.你可以在这个项目里面新建组件(.vue文件)了,引入各种第三方库都是没问题的,因为编译的时候会把你项目里所有引用到第三方插件都打包起来
同时非常也感谢一个小姑娘帮我指出文章的错误,谢谢

相关文章:

  • 2021-12-19
  • 2022-12-23
  • 2022-12-23
  • 2022-12-23
  • 2021-08-19
  • 2022-12-23
  • 2022-12-23
  • 2022-12-23
猜你喜欢
  • 2021-05-02
  • 2022-12-23
  • 2021-05-03
  • 2021-12-02
  • 2022-12-23
  • 2021-06-21
  • 2021-11-16
相关资源
相似解决方案