|
西虹网
西虹网 就是大部分功能和市场上主流的类似的,但是人家又不开源的,怎么快速找到模板,然后修改?青眯科技网http://yong888888.com的具体问题可以到我们网站了解一下,也有业内领域专业的客服为您解答问题,值得您的信赖! 西虹网
西虹网 西虹网
西虹网 【硬广时间】网站APP小程序规划开发相关需求、公众号裂变增粉需求欢迎联系微信:Jonzhq 西虹网
西虹网 西虹网
西虹网 2019.11.1更新: 西虹网
西虹网 西虹网
西虹网 测试机需先使用数据线连接电脑并开启开发者模式,各机型开启开发者模式方法不一这里就不一一赘述了,请自行百度。在开发者选项中打开USB调试并允许USB安装,此时在Hbuilder上的运行->运行到手机或模拟器便会出现手机信息,选择第一个选项,稍作等待即可开始在真机上调试 西虹网
西虹网 西虹网
西虹网 和安卓机调试一样,数据线连接,开启开发者模式,但是苹果手机调试需要在电脑安装iTunes 软件,安装完成后打开iTunes,此时手机会弹出授权,需要点击授权否则Hbuilder无法识别苹果手机。此时运行里就会出现手机选项。第一次调试的手机还需要在手机的设置->通用->设备管理里信任HBuilder 西虹网
西虹网 西虹网
西虹网 打包前可以打开manifest.json文件对项目的图标、名称、API进行配置,点击菜单栏里的发行选择对应的打包选项 西虹网
西虹网 西虹网
西虹网 两点注意: 西虹网
西虹网 西虹网
西虹网 安卓的图标要使用背景透明的图片,不然打包的图标会有背景应用使用了哪些模块需要在APP模块权限配置中勾选对应的配置 西虹网
西虹网 西虹网
西虹网 点击打包即可完成。 西虹网
西虹网 西虹网
西虹网 1、首先需要给H5端解析一个二级域名,请自行前往域名服务商解析,这里以阿里云为例: 西虹网
西虹网 西虹网
西虹网 使用HBuilder将项目打包H5页面 西虹网
西虹网 西虹网
西虹网 3、打包完成后在Hbuilder的控制台会返回H5包的本地地址,打开文件夹 西虹网
西虹网 西虹网
西虹网 4、将h5这个文件夹上传到服务器上 西虹网
西虹网 西虹网
西虹网 5、在服务器上配置第一步解析好的二级域名的nginx,nginx配置的目录是:/home/ly/nginx_config 西虹网
西虹网 西虹网
西虹网 nginx配置修改完成后需要重启nginx使配置生效。此时我们就可以使用二级域名访问H5端页面了。 西虹网
西虹网 西虹网
西虹网 我们的目标是用户访问主域名时如果是移动端访问直接跳转到H5端此时需要一小段js代码即可完成此功能,只需要在Home/View/Wap/Public/layout.html里加上 西虹网
西虹网 西虹网
西虹网 <script>window.location.href=https://www.zhihu.com/question/28606284/answer/'http://h5.55ij.com';</script>,这样当页面访问移动端页面时网站会先执行layout.html里面的这一句网页跳转,从而完成此功能。 西虹网
西虹网 西虹网
西虹网 2019.8.15更新: 西虹网
西虹网 西虹网
西虹网 近期我们通过uniapp+零云这条方案开发了很多APP,这套方案最大的好处是可以同步编译出小程序+H5+APP,但需要注意的是开发过程中要尽可能用兼容三端的组件等。具体细节回头单开一贴记录。 西虹网
西虹网 西虹网
西虹网 2017.4.28更新: 西虹网
西虹网 西虹网
西虹网 零云新的非原生APP方案特性关键词: 西虹网
西虹网 西虹网
西虹网 1、SAP单页应用(没有刷新,客户端靠路由实现UI更新,原生app天生就是,而H5app通过这一概念来模仿原生的体验) 西虹网
西虹网 西虹网
西虹网 2、Vue 西虹网
西虹网 西虹网
西虹网 3、Framework7 西虹网
西虹网 西虹网
西虹网 4、webpack(webpack是用来打包管理整个js的,典型的他可以把es6写的语法转换成es5,因为es6太新了很多浏览器都来不及支持,这样现状就是很多项目开发用高级标准,实际使用要转换成低标准以获取浏览器兼容) 西虹网
西虹网 西虹网
西虹网 5、es6(es6给js带来了模块化功能,ecmascript是js的标准,es5之后标准可以说是给js带来了翻天覆地改进) 西虹网
西虹网 西虹网
西虹网 6、sass(赋予了css缺少的先天性功能,比如变量 继承这些动态语言才有的特性,less和sass要编译成css才能使用) 西虹网
西虹网 西虹网
西虹网 7、MVVM 双向数据绑定(主要是用来解决大型js项目越来越难维护控制,比如价格受到各种红包优惠券折扣计算,谁都想去改数据,不一致的可能性大为严重) 西虹网
西虹网 西虹网
西虹网 8、虚拟Dom 西虹网
西虹网 西虹网
西虹网 总结:和ionic全套对比一下: 西虹网
西虹网 西虹网
西虹网 1、ionic=cordova+ionic自己的ui+sass+angular 西虹网
西虹网 西虹网
西虹网 2、零云新的非原生app的方案=cordova+f7ui+sass+vue 西虹网
西虹网 西虹网
西虹网 2017.4.28之前答案: 西虹网
西虹网 西虹网
西虹网 非原生App开发的基本步骤(以安卓端为例) 西虹网
西虹网 西虹网
西虹网 主要使用: 西虹网
西虹网 西虹网
西虹网 移动端:ionic、cordova 西虹网
西虹网 西虹网
西虹网 后端:CoreThink 西虹网
西虹网 西虹网
西虹网 注:这是我司一位美女研发顺手整理过的一份概要流程,希望多少能帮到题主,如果有不合理或者错误的地方欢迎反馈给我,官网:CoreThink-最好用的开源免费WEB产品开发框架,qq:1270686837,这个流程可以非常快地同时产出iOS&Android两端非原生APP。 西虹网
西虹网 西虹网
西虹网 2016.5.27更新一下,现在我们常用的两条路线是:1、CoreThink + dcloud + framework7 + cors;2、Ionic+Cordova+ CoreThink。这两条路线都不错,不过Cordova是阿帕奇基金会维护的产品,质量要比其他同类产品都要好一些,这个我们在实际开发过程中有比较深的感触。 西虹网
西虹网 西虹网
西虹网 一、安装 西虹网
西虹网 西虹网
西虹网 1.安装node.js 西虹网
西虹网 西虹网
西虹网 2.安装git 西虹网
西虹网 西虹网
西虹网 3.安装ionic 西虹网
西虹网 西虹网
西虹网 & cordova: 西虹网
西虹网 西虹网
西虹网 命令行输入:npm 西虹网
西虹网 西虹网
西虹网 install –g cordova ionic 西虹网
西虹网 西虹网
西虹网 注:-g表示全局安装,也可以进入指定的目录安装,但这里推荐全局安装,安装后的目录为C:/users/Administrator/AppData/Roaming/npm/node_modules 西虹网
西虹网 西虹网
西虹网 4.安装Java 西虹网
西虹网 西虹网
西虹网 JDK 西虹网
西虹网 西虹网
西虹网 5.安装Apache 西虹网
西虹网 西虹网
西虹网 Ant 西虹网
西虹网 西虹网
西虹网 6.安装Android 西虹网
西虹网 西虹网
西虹网 SDK(从这里开始后面基本以android为例,ios类似) 西虹网
西虹网 西虹网
西虹网 7.设置环境变量: 西虹网
西虹网 西虹网
西虹网 ①打开计算机->系统属性->高级系统设置->环境变量 西虹网
西虹网 西虹网
西虹网 ②在系统变量中新建ANDROID_HOME变量,变量值为sdk所在目录 西虹网
西虹网 西虹网
西虹网 ③新建CLASSPATH变量,变量值为.;%JAVA_HOME%\\lib\\dt.jar;%JAVA_HOME%\\lib\ ools.jar; 西虹网
西虹网 西虹网
西虹网 ④新建JAVA_HOME变量,变量值为jdk所在目录 西虹网
西虹网 西虹网
西虹网 ⑤编辑系统变量中的path变量,不要删原来的变量值,在原值后面添加 ;%JAVA_HOME%\\bin;%JAVA_HOME%\\jre\\bin;%ANDROID_HOME%\ ools;%ANDROID_HOME%\\build-tools;%ANDROID_HOME%\\platform-tools 西虹网
西虹网 西虹网
西虹网 注:这里是添加了jdk\\bin、jdk\\jre\\bin、sdk\ ools 西虹网
西虹网 西虹网
西虹网 、sdk\\build-tools、sdk\\platform-tools的路径,互相以英文分号隔开 西虹网
西虹网 西虹网
西虹网 8.创建项目: 西虹网
西虹网 西虹网
西虹网 命令行cd进入任何你喜欢的目录,ionic 西虹网
西虹网 西虹网
西虹网 start AnyNameYouLike blank,如果一切顺利,就会在你指定的目录新建一个你喜欢的名字的文件夹,并在里面初始化一个ionic项目。 西虹网
西虹网 西虹网
西虹网 9.添加平台 西虹网
西虹网 西虹网
西虹网 进入刚才新建的项目的目录,命令行输入ionic 西虹网
西虹网 西虹网
西虹网 platform add android 西虹网
西虹网 西虹网
西虹网 二、在项目目录中有一个www的文件夹,里面的文件有html,js,css等,可随意编写,在platform中的www文件最好不要动它。 西虹网
西虹网 西虹网
西虹网 三、测试项目 西虹网
西虹网 西虹网
西虹网 1.进入项目目录,ionic 西虹网
西虹网 西虹网
西虹网 build android编译项目 西虹网
西虹网 西虹网
西虹网 2.测试项目的方法: 西虹网
西虹网 西虹网
西虹网 桌面浏览器测试法:ionic 西虹网
西虹网 西虹网
西虹网 serve 西虹网
西虹网 西虹网
西虹网 模拟器测试法:这个比较烦,而且运行慢,略 西虹网
西虹网 西虹网
西虹网 手机浏览测试法:Testing your app自己看吧,略 西虹网
西虹网 西虹网
西虹网 手机测试法:连上数据线,打开开发者选项,执行ionic 西虹网
西虹网 西虹网
西虹网 run android 西虹网
西虹网 西虹网
西虹网 四、编写项目 西虹网
西虹网 西虹网
西虹网 Building out your app英文太多,翻译不出来 西虹网
西虹网 西虹网
西虹网 五、发布app,前面的准备就是为了这一步了 西虹网
西虹网 西虹网
西虹网 1.执行cordova plugin rm cordova-plugin-console,这一步是Before we deploy, we should take 西虹网
西虹网 西虹网
西虹网 care to adjust plugins needed during development that should not be in 西虹网
西虹网 西虹网
西虹网 production mode. 西虹网
西虹网 西虹网
西虹网 2.执行 cordova build --release 西虹网
西虹网 西虹网
西虹网 android,在platforms/android/build/outputs/apk,中会出现***-release-unsigned.apk,最前面取决于取了什么名字 西虹网
西虹网 西虹网
西虹网 3.使用keytool打包私有密钥:执行keytool -genkey -v -keystore 西虹网
西虹网 西虹网
西虹网 my-release-key.keystore -alias alias_name -keyalg RSA -keysize 2048 -validity 西虹网
西虹网 西虹网
西虹网 10000 西虹网
西虹网 西虹网
西虹网 4.给没有签名的apk签名:执行jarsigner -verbose -sigalg SHA1withRSA -digestalg 西虹网
西虹网 西虹网
西虹网 SHA1 -keystore my-release-key.keystore HelloWorld-release-unsigned.apk 西虹网
西虹网 西虹网
西虹网 alias_name 西虹网
西虹网 西虹网
西虹网 5.最后一步,执行zipalign -v 4 HelloWorld-release-unsigned.apk HelloWorld.apk 西虹网
西虹网 西虹网
西虹网 六、基本步骤到此结束,可能会出现各种报错的情况,只能具体问题具体分析了, 西虹网
西虹网 西虹网
西虹网 参考网址: 西虹网
西虹网 西虹网
西虹网 Welcome to Ionic 西虹网
西虹网 西虹网
西虹网 The Command-Line Interface 西虹网
西虹网 西虹网
西虹网 http://developer.android.com/sdk/installing/adding-packages.html 西虹网
西虹网 西虹网
西虹网 Download - iOS 西虹网
西虹网 西虹网
西虹网 CoreThink-最好用的开源免费WEB产品开发框架 |
|