如何做人生的第一款电商APP（2020-08-16）--Hbuilder封装APP教程
Posted PM王
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了如何做人生的第一款电商APP（2020-08-16）--Hbuilder封装APP教程相关的知识，希望对你有一定的参考价值。
01背景
02视频
03准备条件
1、阿里短信已配置好（登录的时候用到）
3、微信商户开通了H5支付（回调域名支付用到）
4、HTTPS已经配置好
5、APP LOGO (1024x1024)
6、Hbuilder 安装
04过程（参考CSDN-MC传说哥）
1.下载安装好Hbuilder软件，选择 APP开发版 下载。
然后打开，选择文件》新建项目》5+app。
2.然后填写应用名称等基本信息，注意这里模板选择空模板即可。
3.在左侧项目管理器找到刚才创建的项目，
（这里说明一下，css、img、js文件是自动生成的空文件夹，不用管。我们这里需要修改的是index.html和manifest.json）。
4.先打开index.html 删除掉原来的js代码，插入新的代码（可以直接使用下面的index.html代码）。
5.打开manifest.json配置下相关配置（很简单），点击菜单发行》原生app云打包。
这里在选择android（apk包）时候，要生成android证书，制作过程也是很简单和免费的，但要注意的是，要用管理员身份启动命令行，否则会因为权限不足，证书生成失败。
<html><head><meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1, user-scalable=no"><meta charset="UTF-8"><title></title></head><body><script>function plusReady() {var zxlmweb = plus.webview.create("https://axure.video")//这里输入要访问的网址zxlmweb.show(); // 显示窗口plus.key.addEventListener("backbutton", function() { //监听返回按键zxlmweb.canBack(function(e) { //监听webview窗口是否可以返回if(e.canBack) { //可以返回zxlmweb.back(); //返回上一页面} else { //不可以返回var signout = confirm("您确定要退出应用吗？");if(signout == true) {plus.runtime.quit(); //退出app} else {}}});}, false);}if(window.plus) {plusReady();} else {document.addEventListener('plusready', plusReady, false);}</script></body></html>
以上是关于如何做人生的第一款电商APP（2020-08-16）--Hbuilder封装APP教程的主要内容，如果未能解决你的问题，请参考以下文章