{"id":19069628,"url":"https://github.com/srect/hybridapp","last_synced_at":"2026-05-08T05:35:38.869Z","repository":{"id":114172707,"uuid":"138981476","full_name":"sRect/HybridApp","owner":"sRect","description":"Vue+MintUI+Cordova HybridApp demo","archived":false,"fork":false,"pushed_at":"2018-06-29T03:12:29.000Z","size":19804,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"master","last_synced_at":"2025-01-02T15:45:41.147Z","etag":null,"topics":["android-app","cordova","hybrid-app","vue-cli","vue2"],"latest_commit_sha":null,"homepage":"","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/sRect.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2018-06-28T07:20:45.000Z","updated_at":"2019-04-02T08:33:58.000Z","dependencies_parsed_at":null,"dependency_job_id":"10f4ae93-971f-4030-9f78-55dec7721f15","html_url":"https://github.com/sRect/HybridApp","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/sRect%2FHybridApp","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/sRect%2FHybridApp/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/sRect%2FHybridApp/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/sRect%2FHybridApp/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/sRect","download_url":"https://codeload.github.com/sRect/HybridApp/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":240122573,"owners_count":19751142,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["android-app","cordova","hybrid-app","vue-cli","vue2"],"created_at":"2024-11-09T01:14:59.068Z","updated_at":"2026-05-08T05:35:33.824Z","avatar_url":"https://github.com/sRect.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Vue-cli+Vue+MintUI+Cordova HyBrid App Demo\n\n## 修改vue项目\n\u003e 参考文章 https://www.jianshu.com/p/25d797b983cd\n1. index.html中引入cordova.js\n```html\n\u003cbody\u003e\n    \u003cdiv id=\"app\"\u003e\u003c/div\u003e\n    \u003cscript type=\"text/javascript\" src=\"cordova.js\"\u003e\u003c/script\u003e\n    \u003c!-- built files will be auto injected --\u003e\n\u003c/body\u003e\n```\n\n2. 修改src中的main.js\n```javascript\ndocument.addEventListener('deviceready', function() {\n  new Vue({\n    el: '#app',\n    router,\n    store,\n    template: '\u003cApp/\u003e',\n    components: { App }\n  })\n  window.navigator.splashscreen.hide()\n}, false);\n```\n\n3. 修改config文件夹中的index.js\n\u003e 将build中的assetsSubDirectory和assetsPublicPath改为\n```json\nbuild: {\n  assetsSubDirectory: \"\",\n  assetsPublicPath: \"\"\n}\n```\n\n4. 进行项目打包\n```\nnpm run build\n```\n\n## Cordova中的操作\n\u003e 参考文章 https://segmentfault.com/a/1190000013159076\n1. 安装cordova\n```\nnpm install -g cordova\n```\n2. 检测是否安装成功\n\u003e 正确安装会显示安装的cordova版本号\n```\ncordova -v\n```\n\n3. 新建cordova项目\n```\ncordova create myApp1 org.apache.cordova.myApp myApp2\n```\n\u003e myApp1：cordova目录名 \\\n\u003e org.apache.cordova.myApp：包名 \\\n\u003e myApp2项目名（在config.xml中查看）\n\n4. 生成Android平台的cordova库\n```\ncordova platform add android\n```\n\n5. 打包前检查androidsdk是否正确安装\n```\ncordova requirements\n```\n\u003e 显示如下截图，即已正确安装\n![Image text](https://raw.githubusercontent.com/sRect/myApp/master/www/img/cordova%20requirements.png)\n\n6. 进行打包\n+ 6.1 生成debugger包\n```\ncordova build android\n```\n或者\n```\ncordova run android\n```\n\n+ 6.2 生成数字签名证书\n\u003e 生成签名包前，需要提前把数字签名证书生成\n```\nkeytool -genkey -v -keystore E:\\mytest.keystore -alias mytest -keyalg RSA -validity 20000\n```\n\u003e1. -keystore E:/mytest.keystore表示生成的证书及其存放路径，如果直接写文件名则默认生成在用户当前目录下；\n\u003e2. -alias mytest 表示证书的别名是mytest,不写这一项的话证书名字默认是mykey；\n\u003e3.  -keyalg RSA 表示采用的RSA算法；\n\u003e4. -validity 20000表示证书的有效期是20000天。\n\u003e5. 根据指令输入密钥库口令，是不可见的。依次输入下面的问题。最后到【否】那里时输入y，再输入密钥口令（可以与密钥库口令相同），如果相同，直接回车，记住这两个口令，后面签名会使用到。\n\n+ 6.3 直接生成带签名的apk\n```\ncordova build android --release --keystore=\"mytest.keystore\" --alias=mytest --storePassword=123456 --password=123456\n```\n\u003e1. --keystore 后面是数字签名证书\n\u003e2.  -–alias 后面是别名 \n\u003e3. --storePassword  后面是密钥库口令 \n\u003e4. --password 后面是密钥口令\n\u003e5. \u003cb\u003e注意：命令中口令要替换成自己的，就是生成签名是需要记住的那两个口令\u003c/b\u003e\n\n## Cordova APP调试\n1. 安装APK到手机\n\u003e \u003cb\u003e注意：必须是debug包，部分手机版本开启能开启全局调试的用release包也是可以调试的\u003c/b\u003e\n\n2. 手机上打开应用\n\n3. 打开Chrome浏览器，地址栏输入：chrome://inspect回车，如果你的手机是4.4+的版本就会出现你打开的应用，点击inpect进入调试界面。截图如下：\n\u003e \u003cb\u003e注意：第一次打开需要“科学上网”，你懂的，不用每一次。\u003c/b\u003e\n![Image text](https://raw.githubusercontent.com/sRect/myApp/master/www/img/inspect%20screen.png)\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fsrect%2Fhybridapp","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fsrect%2Fhybridapp","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fsrect%2Fhybridapp/lists"}