uni-app-第七章

前言

第六章演示了怎么将项目在手机和微信小程序中运行。

这一章演示一下怎么发布H5、App、和微信小程序。

正言

H5发布

配置manifest.json

发布H5

发行

Nginx部署项目

配置conf.nginx.conf文件。

worker_processes  1;

events {
    worker_connections  1024;
}

http {
    include       mime.types;
    default_type  application/octet-stream;
    sendfile        on;
    keepalive_timeout  65;
	server {
        listen       80;
        server_name  localhost; #配置为线上的域名
		location /yhg {
			alias   D:/JavaProject/yhg_project/yhg-uviewui/dist/build/h5;
			try_files $uri $uri/ /index.html =404;
			index  index.html index.htm;
		}
        error_page   500 502 503 504  /50x.html;
        location = /50x.html {
            root   html;
        }
	}	

}

部署后访问

http://localhost/yhg

或者线上的域名+ /yhg 

例子:http://www.demo.com/yhg

App发布

配置manifest.json

发行app

打包App

生成apk

微信小程序发布

配置manifest.json

发行小程序

配置小程序发行

生成路径

上传

打开微信开发者工具==》根据路径导入项目==》上传

总结

H5发布最关键的点是nginx的配置，大部分前端开发可能都会遇到一些问题，我尽可能的将文件配置精简再精简了。

app发布主要就是要申请证书，不过很简单的，小伙伴们可以自己试试看。

小程序发布参考了其他大神的博客，因为我这里没有环境可以完成这个课题。