Uni-App之前端H5发版

【记录篇】

使用Uni-app进行了一次微信小程序的开发工作，设想该微信小程序可发版H5网页版，如果有这种需求的小伙伴可以参考一下。

【步骤一】 在HBuilderX中，点击菜单栏寻找“发行” -> “网站-PC Web或手机H5…” ；

【步骤二】按照提示进行下一步操作，输入网站标题和网站域名，点击【发行】按钮 ；

【错误提示】点击【发行】按钮后，如果没有创建应用会出现如下提示：

[HBuilder] 15:59:10.982 此应用 DCloud appid 为 __XXX__XXXXXXX ，您不是这个应用的项目成员。1、联系这个应用的所有者，请求加入项目成员（https://dev.dcloud.net.cn "成员管理"-"添加项目成员"）；2、重新在manifest.json中生成自己的APPID；3、联系应用所有者将此 DCloud appid 转让给当前账号。

因此就需要配置或创建当前应用，进行步骤三。

【步骤三】确认当前HBuilderX登录的账号下，拥有当前系统的分发权限；

在HBuilder X中左下角会显示当前登录的账号，可进行切换。

【步骤四】如果没有创建当前系统应用，可进行创建；

1.登录 DCLOUD 开发者中心

登录链接：dev.dcloud.net.cn

2.点击【创建应用】按钮，进入创建应用页面

3.应用类型选uni-app，输入应用名称、应用描述后提交

4.提交后返回我的应用列表，可以查看应用的 Appid

5.将 Appid 配置到 manifest.json 文件中

6.再次发行打包

【步骤五】发布 H5

打包成功后，H5 文件存放路径会显示在控制台上：

[HBuilder] 14:11:07.909 项目 'test-uniapp'导出h5成功，路径为：D:/Workspaces/HBuilderProjects/test-uniapp/unpackage/dist/build/h5

将 H5 文件拷贝到部署服务器上部署即可。

【步骤六】Nginx配置

    server {
        listen       80;
        server_name  localhost;

        #charset koi8-r;
        #access_log  logs/host.access.log  main;

        location / {
            root   /usr/xxx/Web/;
            try_files $uri $uri/ /index.html;
            index  index.html index.htm;
        }

        location /h5/ {
            alias   /usr/xxx/h5/;
            index index.html;
        }
    }