使用hbuilder开发安卓app

  • 时间:
  • 浏览:425
  • 来源:成都艾邦软件开发

1、配置app图标

2、配置启动页

3、如果有授权登录需要申请appid微信的到微信开放者平台

/cgi-bin/index?thome/indexlangzh_CN

4、打包的时候需要自己的证书文件这个证书通过jdk来申请按着步骤来操作即可

.cn/s/blog_821e2bb101018n6l.html

5、配置好之后打包出来想在哪些平台上线app的话就按照平台的骤来操作就行


本博主只是一个初学的菜鸟--Anguler希望能够帮助到需要的人如果有不正确的地方希望多多包涵和欢迎随时提出来一起进步

一、准备工作
1、先把vue项目运行起来具体的vue项目运行准备可查资料可参考/wwaenig521314/article/details/73469542
2、安装好工具cmd定位到相应到vue项目的相应路径如下图

3、npm install 或cnpm install命令安装项目所需要的依赖cnpm(淘宝镜像淘宝npm)
4、安装好依赖后可以输入npm run dev 运行项目
5、


6、若想终止进程ctrlc
7、安装Hbuilder,导入项目

导入后可见

二、下面可利用HBuilder将vue项目打包成移动端app
可参考/zhoudan232/article/details/73466814
1、将项目目录下config文件内index.js中assetsPublicPath修改为 assetsPublicPath: ‘./’

修改src-api-index.js文件

2、执行npm run build 之后生成dist文件夹,每次修改改代码都要执行然后可使用手机连接电脑真机运行进行调试



3、打开HBuilder,文件——打开目录如下图



4、选择导入的dist项目右键-转化成移动APP


5、项目的“W”标识转成“A”标识说明转化成功

7、配置参数版本号可在login.vue查看。.每个app都有对应的appid每次打包都要确认appid是否正确一个appid对应一个开发者账号所以同一个app不要用两个账号去打包。

8、图标配置手机上显示的app图标

9、启动图片配置选择相应大小的图片。

9、SDK配置有用到才去配置如果app有用到相关功能一定要配置
比如我们用到个推那么个推就需要配置

10、保存mainfest.json文件那么配置就完成了就可以真机运行点击所要打包的项目名运行真机运行选择你当前设备手机需要打开开发者模式USB模式需要打开

手机连接电脑USB打开开发者模式后

11、真机运行可以后打包

选择安卓打包记得去除广告

10打包后可在dist以下路径看到安装包(.apk)可直接在安卓手机上进行安装

11、把打包好的安卓包部署到外网服务器的相应项目中pc端系统配置参数上需配置版本号即可实现app自动更新下载