跨端必须要掌握的uniapp(3),前端基础

我正在参加跨端技术专题征文活动,详情查看:juejin.cn/post/710123…

前言

距离上次内容发布隔得时间太久了,工作忙啊,周末就更懒了,但是就剩一点点了,总拖着心里也过意不去,今天就把剩下的讲完,发布打包配置还有其他细节注意事项吧。

h5

h5页面比较简单,前端打包就好,把打包结果给后台部署到服务器上就可以。

  • 运行,有好几种,简单的就是用编辑器自带的内置浏览器就行,或者直接复制内置浏览器去外面打开浏览器复制也行。简单的内置浏览器就可以,比较复杂的比如vue devtool这个还是在外部浏览器好点。

image.png

  • 打包:发行选择网站pc就是h5的打包了

image.png 填写标题跟域名,要是放在后台static文件中也可以不写域名。

image.png

小程序

  • 运行;

这个需要去微信开发平台下载微信开发者工具 运行的时候选择你当前的小程序,是微信或者其他。

image.png

在工具的设置中去配置开发者工具的路径,这样运行的时候就会自动打开了。其他小程序配置也都在里面

image.png

对了,要是打不开,那就需要自己先将开发者工具打开,然后复制路径就可以了。这边保存,那边自动刷新,热更新吧。

  • 打包:

打包发布我好像直接在微信开发者工具那边操作的,感觉这样更简单一点。打包代码也不用复制来复制去了。当然了过程还是要讲的,具体使用还是看个人吧。点击 "发行" => "小程序-微信",输入小程序名称和appid点击发行就行了。打包后的文件在unpackage/dist/build/mp-weixin 目录中。

image.png

然后将代码导入到开发者工具中,测试下项目是否正常运行,然后点击“上传”按钮, “提交审核” => “发布” 小程序标准流程,就行,详细查看:微信官方教程小程序协同工作和发布 | 微信开放文档 (qq.com)

总结

用uniapp开发我常用的就是h5和小程序,app还没用过也不敢乱教别人,想了解更多的还是推荐去官网看uni-app官网 (dcloud.io),总算是讲完了,可是总觉得讲的不够好,还需要努力啊,学海无涯,加油吧。后面用这个做个案例来试试,不然学了不用就忘了。

好啦,本节内容就总结到这里。我的文章都是学习过程中的总结,希望能够和小伙伴们共同进步共同学习,如果发现错误,也欢迎留言指出,我及时更正。

猜你喜欢

转载自juejin.im/post/7111227171858808839
今日推荐