H5聊天源码打包成APP-泡泡IM

泡泡IM H5是一套基于H5的即时通讯源码，可以利用HBuilderX打包成APP。支持安卓和IOS。接下来我们将介绍如何将泡泡IM聊天源码打包成APP。

第一步:

首先下载安装HBuilderX。

第二步：

1、新建项目

点击菜单文件->新建->项目

2、填写项目属性

注意首先选择Wap2App。然后分别填写项目名称，项目首页url地址(也就是在浏览器里打开泡泡IM的地址)，本地存储目录(选择一个空的目录即可)，默认模板。然后点击创建。

3、打开sitemap.json

双击左边栏sitemap.json进入编辑状态

4、编辑sitemap.json

{
    "global": {
        "webviewParameter": {
            "titleNView": false,
            "statusbar": {
                "style": "dark"
            }
        },
        "easyConfig": {
            "back":{
                "history":true 
            }
        }
    },
    "pages": [
        {
            "webviewId": "__W2A__demo.popoim.cn",
            "matchUrls": [
                {
                    "hostname": "demo.popoim.cn"
                }
            ],
            "webviewParameter": {
                "titleNView": false,
                "statusbar": {
                    "background": "#f7f7f7"
                }
            },
            "easyConfig": {
                "back":{
                    "history":true
                }
            }
        }
    ]
}

sitemap.json参考如上配置(可以直接将如上配置覆盖你的sitemap.json，然后将webviewId和hostname字段中的demo.popoim.cn部分改成你自己的域名即可)。

5、打开manifest.json

双击manifest.json进入编辑状态

6、编辑distribute

点击左侧源码视图，在distribute添加以下配置

"plugins" : {
    "audio" : {
        "mp3" : {
            "description" : "用于发送语音"
        }
    },
    "uploader" : {
        "description" : "用于发送语音"
    }
},

7、云打包

点击发行->原生App-云打包