纯h5页面利用HbuilderX打包成App调用手机通讯录

    methods: {
        getInfor(data){
            getAddressBook({
                bookStr:data
            }).then(res => {
                if(res.data.status == 10000){
                    console.log(JSON.stringify(res))
                    this.$store.dispatch("setMailListData",res.data.data);
                    this.$router.push({
                        name:'addressBook'
                    })
                } else {
                    this.$toast(res.data.data)
                }
            })
        },
        getCallLog() {   // 打包生app请求通讯录
            let that = this;
            var content="";
            try{
                plus.contacts.getAddressBook(plus.contacts.ADDRESSBOOK_PHONE, function (addressbook) {
                    addressbook.find(["displayName","phoneNumbers"],function(contacts){
                        that.mailListL = JSON.stringify(contacts)
                        console.log(JSON.stringify(that.mailListL)+'里面的');    // 获取手机号数据
                        console.log("请求接口")
                        that.getInfor(that.mailListL) // 获取成功后调用方法传给后端
                        console.log("请求成功")
                    }, function () {
                        content="error";
                    },{multiple:true});
                },function(e){
                    content="Get address book failed: " + e.message;
                });
            } catch(e){
                content+=e.message;
            }
            console.log(JSON.stringify(that.mailListL)+'外面的');
        }
    },
HbuilderX是一个用于开发多种应用的集开发环境,包括H5应用。要使用HbuilderX打包H5 APP,可以按照以下步骤进行操作: 1. 下载并安装HbuilderX。 2. 在HbuilderX中新建一个项目,选择项目类型为H5 APP。 3. 选择项目的本地存放地址,并填写项目名称,然后点击创建。 4. 打开刚创建的项目,在项目文件中找到manifest.json文件。 5. 在manifest.json文件中填写你的H5项目地址。 6. 进行基本配置,根据你的需求进行设置。 7. 在SDK配置中,可以配置项目的appid、key和其他相关配置,比如定位功能的配置。 8. 填写完所有配置后,点击发行,选择云打包。 9. 等待云打包HbuilderX会给出一个下载链接。 10. 点击下载链接,下载生的安装包。 11. 将安装包安装到手机上,即可打开H5 APP。 以上是使用HbuilderX打包H5 APP的简要步骤,具体的操作细节可以参考HbuilderX的官方文档或者相关教程。 #### 引用[.reference_title] - *1* [hBuilderX将小程序打包h5](https://blog.csdn.net/weixin_33974433/article/details/91454803)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^insertT0,239^v3^insert_chatgpt"}} ] [.reference_item] - *2* [HbuilderX打包appHbuilder怎么打包appH5打包appH5怎么打包app](https://blog.csdn.net/LIUAWEIO/article/details/88719446)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^insertT0,239^v3^insert_chatgpt"}} ] [.reference_item] - *3* [HBuilderX H5 app打包以及加入个推](https://blog.csdn.net/zwx19921215/article/details/102918090)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^insertT0,239^v3^insert_chatgpt"}} ] [.reference_item] [ .reference_list ]
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值