ionic做的app不能直接ionic 分享功能插件吗

来源：蜘蛛抓取(WebSpider) 时间：2016-12-02 01:41 标签： ionic微信分享
分享 Ionic 开发 Hybrid App 中遇到的问题以及后期发布 iOS/Android... - 简书
分享 Ionic 开发 Hybrid App 中遇到的问题以及后期发布 iOS/Android 的方方面面
转自ionichina作者ParryQiu。如有侵权，联系立删。文章目录1. Ionic 简介和项目需求介绍2. View 缓存的处理3. 键盘的不同模式的支持4. 设备网络状况的检查5. iOS 设备和 Android 设备的图标以及启动画面图片的批量生成6. 下拉刷新7. 反馈『意见及建议』调用邮件客户端的方法8. 给 App 评分不同平台的办法9. 集成极光推送10. 打包 iOS 、Android 平台的种种问题11. 项目开源和下载1. Ionic 简介和项目需求介绍目前 Hybrid App 有很多的完善的方案，如 Ionic 、React Native等，最近因为自己一个小的需求，需要写一个小的 App 实现在手机端的实时查看，简单学习了下 Ionic 写了个小程序，索性就上架发布出来了。先说下项目的简单的需求：* 可以准实时监控添加的网站的在线情况，检测到宕机的第一时间进行 App 推送，可以通知技术人员第一时间进行响应处理；* 可以对添加的网站进行测速汇总，在 App 中随时查看所有站点的测速情况；* 顺便添加几个主要的搜索引擎对添加的网站的收录情况，便于及时的掌握最基本的 SEO 情况。 主要的需求也就是上面这个几个，那么在选用技术框架的时候，发现 Ionic 学习起来比较简单，并且后期只要在不同的平台下分别打包就可以生成 iOS 和 Android 不同平台的 App。 简单来说，Ionic 就是使用 HTML5 创建类似于手机平台原生应用的一个开发框架，里面绑定了 AngularJS 和 Sass，核心的编译平台是 PhoneGap，同时已经集成了现有的一些 UI 框架，不需要为界面设计花很多的心思。 陆陆续续也开发出来上架了，这篇文章就整理一些遇到的坑，供大家以后开发的过程中参考。 来几个截图，顺手做了一个官网：/ ?2. View 缓存的处理Ionic默认对 View 添加了缓存的机制，不过在此 App 中，所有的 View 都需要进行即时的刷新以及用户添加新的网站后页面也需要进行刷新，那么就需要禁用掉 View 的缓存。禁用缓存只需要在 View 中禁用即可。?全局禁用缓存的方法是：$ionicConfigProvider.views.maxCache(0);3. 键盘的不同模式的支持在不同的用户输入场景下，需要显示不同的键盘模式以方便用户输入，如在输入邮件时键盘则显示邮件模式等。在 Ionic 中需要安装键盘插件控制键盘模式的显示。安装后在$ionicPlatform.ready中调用即可。?对应的 input 只要添加相应的 type 进行控制即可，支持的所有 type 见这里。使用效果如下。?4. 设备网络状况的检查因为此 App 一直需要联网操作，那么在 App 启动的时候就要对网络情况进行检查，当网络不可用的时候对用户进行相应的提示。安装网络检查插件后，在 App 启动的时候进行检测并提示即可。?5. iOS 设备和 Android 设备的图标以及启动画面图片的批量生成iOS 设备和 Android 设备因为不同设备的屏幕尺寸适配问题，需要提供很多不同尺寸的图片资源，包括 icon 和 splash 的不同尺寸。如果每一个尺寸都去使用 PS 导出，工作量巨大，还好有自动生成的工具，只需要提供最大的尺寸供生成即可。iOS 的 icon 和 splash生成：/Android 相关资源生成：https://romannurik.github.io/AndroidAssetStudio/index.html6. 下拉刷新用户下拉刷新是一个通用的操作规范，Ionic 已经对此功能进行了集成，只需要在 View 中按照此方法使用即可，获取的方法放在 on-refresh 中即可。7. 反馈『意见及建议』调用邮件客户端的方法常需要在菜单中添加上『意见及建议』选项，当用户点击后，调用邮件客户端，自动填写上收件人和邮件标题，用户只要书写内容点击发送即可。跨平台的方案是安装EmailComposer插件，在按钮的事件中调用即可。?8. 给 App 评分不同平台的办法为了引导用户去给 App 评分，常在菜单中添加选项或者弹窗的形式对用户进行评分引导，在 Ionic 只要判断设备平台后进行相应的跳转到对于的商店即可。?9. 集成极光推送开发 App 的主要用途就是在网站宕机后，使用推送功能进行第一时间通知，以便技术人员进行快速响应，所以推送功能是必须集成进去的。国内有很成熟的第三方推送平台：极光推送。注册后进行插件的添加，也就是jpush-phonegap-plugin。在用户登录的时候对用户按照别名或分组进行标识。var arrayObj = new Array("Tags" + loginResult.UserId);window.plugins.jPushPlugin.setTags(arrayObj);个人推荐按照分组也就是 tags 进行标识，因为一个用户可能会使用不同的设备，那么推送的时候不同的设备就可以全部都收到通知，不至于漏掉推送消息。API 端在监控 Server 端进行操作即可，也就是在检测到宕机后，进行极光 API 调用，发送宕机的提醒即可。?10. 打包 iOS 、Android 平台的种种问题到这里就要显示 Hybrid App 的威力了，一次开发，全平台打包发布。只要通过 Ionic 的 build 命令或者打开编译环境进行对应的平台打包即可，当然打包之前最好使用模拟器进行测试。有几个问题是需要注意的：iOS 打包需要注意极光推送是分开发证书环境和生产证书环境的，需要特别的注意，极光推送的设置需要和本地打包的证书以及 plist 配置的保持完整的一致，注意下图APS_FOR_PRODUCTION值的设置。Android 的打包发布则需要注意构件工具 Gradle 的版本问题。iOS 提交后一般审核一周左右，以后每次更新基本都保持在一次等待一周的频率，所以一定要测试好免得线上版本出现致命 bug 的情况。?11. 项目开源和下载此项目我也开源在了 GitHub 上，相关优化还要抽闲暇时间去做，相关资源如下，欢迎提意见和需求，我尽量保持改进。官网：/iOS 版本：/cn/app/gu-gu-jian-kong-zhuan-zhu/id?l=en&mt=8Android 版本：/apps/com.gugujiankong.iosappGitHub开源：/ParryQiu/GuGuJianKongJiaThis Button BEGIN
JAVASCRIPT/OBJECT-C/PHP等多门语言熟练掌握的大神...............有没人用 ionic + AngularJS + PhoneGap开发过HybridApp？
16:08:53&o&
2936次点击
本人现在想用 ionic + AngularJS + PhoneGap开发一个HybirdApp项目，不知道有没用同样方式的开发朋友一起探讨下？
有试过zepto +iscroll自HTML5+PhoneGap效果还不错。
也试过jqm这个体验差了，但现在新版好像不错，但不管是jqm，st，都是UI层。其实跟HybirdApp体验好不好没什么关系。HybirdApp如果有好的团队，完全可以自己用纯JS，html5,css3，UI层，我想体验应该不会差。当然如果有客户需求也无所谓。
提问 or 还没有账号？去
HTML5与原生应用混合开发的一种组合方案
100000前端码农使用“js攻城师”,免费扫码加入
微信号：js_gcs
干货技术（js、html5、Node.js等）、实战经验、原创文章应有尽有！
(C) 2015 前端范 版权所有 ICP证：京ICP备号-3

我要回帖

更多关于 ionic微信分享 的文章

 

随机推荐