App
关注
分享
扫一扫
文章平均质量分 88
CodingPioneer
人生就是永无休止的奋斗。
展开
-
Ionic5项目android打包流程
Ionic5项目android打包流程1、apk打包2、生成jks（Java Key Store）文件3、生成签名的apk文件4、apk文件优化与重命名ionic开发好应用以后，需要先进行打包、签名、优化，才能在各大应用商店中进行发布，本文就apk的打包、签名、优化操作进行介绍。1、apk打包1.1 请先下载Android SDK，并配置环境变量ANDROID_HOME1.2 在ionic项目根目录下通过指令添加android平台，具体如下：ionic cordova platform add a原创 2020-10-22 10:57:27 · 1715 阅读 · 0 评论 -
Ionic5如何实现退出应用（退出App）
Ionic5如何实现退出应用（退出App）背景关键点代码实现背景默认开发的Ionic App打包在手机上安装后，是无法通过返回（屏幕滑动的返回操作）退出应用的，要想实现这个功能， 还需要编写一部分代码来实现。关键点通过在app.component.ts中增加订阅platform返回操作来实现。关键代码：navigator['app'].exitApp(); //退出应用 代码实现app.component.tsimport { Component } from '@angular原创 2020-10-21 11:31:55 · 1380 阅读 · 0 评论 -
ionic5使用浏览器插件Themeable Browser与In App Browser
ionic5使用浏览器插件Themeable Browser与In App Browser背景使用方式使用Themeable Browser使用In App Browser完整代码运行效果总结背景在使用Ionic开发APP时，为了在应用中打开或嵌入外部服务器页面，就需要用到浏览器插件，在Ionic官网的原生功能介绍中，提供了2种使用浏览的方式，分别为：Themeable Browser，官网地址：https://ionicframework.com/docs/native/themeable-brow原创 2020-10-21 11:03:56 · 1717 阅读 · 3 评论 -
Package exports for ‘xxx\node_modules\@angular\cli\node_modules\uuid‘ do not define a valid ‘.‘ 问题解决
Package exports for 'xxx\node_modules\@angular\cli\node_modules\uuid' do not define a valid '.' 问题解决问题描述问题分析问题解决问题描述今天创建了一个ionic项目，指令如下：ionic start test3 tabs然后在浏览器中运行，指令如下：cd test3ionic serve这时就报错了，错误信息如下：[ng] Unknown error: Error: Package expor原创 2020-10-20 13:10:54 · 1441 阅读 · 0 评论 -
无私的我把最新Ionic5/Angular8开发的应用开源了
无私的我把最新Ionic5/Angular8开发的应用开源了背景代码开源代码运行说明项目运行演示地址背景经过一段时间的学习及知识整理，基于Ionic/Angular的混合移动应用开发已经比较熟悉了。为了更加巩固知识就开发了一个demo应用，因为自己近几年都是从事工业领域的项目开发，所以这个应用也是偏工业的，不过知识不分国界也是不分行业的，所以是不影响大家学习的。先上几张图，如下：由于本人...原创 2020-04-23 16:09:38 · 1423 阅读 · 0 评论 -
在调用钉钉JSAPI之前如何先判断当前应用是否在钉钉容器中打开
在调用钉钉JSAPI之前如何先判断当前应用是否在钉钉容器中打开问题背景问题解决问题背景在开发钉钉应用时，如果是基于H5应用开发的话，我们有时为了方便调试（比如为了方便查看js的执行日志，这时通常是在浏览器中进行查看和调试）不一定在钉钉中进行调试，这种情况在调用钉钉的JSAPI时就会报错Do not support the current environment：notInDingTalk，如下...原创 2020-04-09 09:44:32 · 11596 阅读 · 4 评论 -
解决内网穿透 Ionic5/Angular8 返回 invalid host header
解决内网穿透 Ionic5/Angular8 返回 invalid host header问题背景问题分析问题解决问题背景在开发钉钉H5应用时，为了调试钉钉接口API，常规做法就是使用阿里提供的内网穿透工具，工具详情请参阅https://ding-doc.dingtalk.com/doc#/kn6zg7/hb7000。根据工具介绍，我们首先运行这个工具（我的电脑是windows10_x64环境...原创 2020-04-08 15:44:47 · 1597 阅读 · 0 评论 -
解决Ionic5/Angular8项目中使用Angular的HttpClient发送post请求无效的问题
解决Ionic5/Angular8项目中使用Angular的HttpClient.post请求无效的问题直接上解决思路1、java服务端接口的写法 @Description("获取计划执行监控总体数据列表") @POST @Path("/getPlanExecMonitorTotalData") @Produces(MediaType.APPLICATION_JSON) public...原创 2020-04-07 09:07:38 · 1417 阅读 · 0 评论 -
在Ionic5/Angular8项目中使用组件时出现“No component factory found for PopoverComponent. Did you add it”的解决
在Ionic5/Angular8项目中使用组件时出现“No component factory found for PopoverComponent. Did you add it”的解决问题背景问题分析问题解决问题背景在一个使用Ionic5/Angular8环境的项目中想在一个页面中实现点击按钮弹出一个窗口，弹出窗口的内容想通过一个Component实现，因此就通过ionic g创建了一个组...原创 2020-03-26 15:49:08 · 2777 阅读 · 1 评论 -
ionic项目使用cordova打包为android apk时报"Could not download guava.jar"错误的解决办法
ionic项目使用cordova打包为android apk时报"Could not download guava.jar"错误的解决办法问题背景问题原因问题解决问题背景环境为最新的ionic CLI 6.3.0执行打包命令ionic cordova build android执行结果Starting a Gradle Daemon (subsequent builds will b...原创 2020-03-24 17:37:09 · 1526 阅读 · 0 评论 -
用Ionic创建我们的移动应用快速教程
用Ionic创建我们的移动应用快速教程1、安装ionic/Install Ionic教程2、通过Ionic创建一个项目3、运行我们刚才创建的Ionic项目4、打包成单页面项目运行在微信/web浏览器:5、打包成混合app项目（android或ios）ionic是一个强大的混合式/hybrid HTML5移动开发框架，特点是使用标准的HTML、CSS和JavaScript，开发跨平台的应用 ，只需...原创 2020-03-24 09:45:03 · 541 阅读 · 0 评论 -
解决通过ionic build --prod编译项目时出现“Could not find plugin "proposal-numeric-separator"问题
解决通过ionic build --prod编译项目时出现“Could not find plugin "proposal-numeric-separator"问题问题背景问题分析问题解决问题背景最近把电脑的环境更新为最新的Ionic5、Angular8版本ionic CLI版本为6.3.0：Angular版本如下图之后通过ionic start myApp3 tabs --type...原创 2020-03-23 16:40:26 · 6214 阅读 · 4 评论 -
Ionic4/Angular 项目Web打包之后，部署到服务器，刷新访问404解决方法
Ionic4/Angular 项目Web打包之后，部署到服务器，刷新访问404解决方法项目使用Ionic4/Angular8开发，使用的是Angular路由，通过ionic build --prod进行编译，然后把www目录下的内容发布到IIS中，在浏览器中进行访问（http://domain/index.html自动跳转到http://domain/tabs/func），这时点击浏览器的...原创 2020-03-20 16:38:02 · 1498 阅读 · 1 评论 -
Ionic Framework 5官方文档翻译
Ionic Framework 5官方文档翻译入门Ionic Framework 5特点Ionic Framework是什么？核心概念构建你的第一个应用先进的Web应用浏览器支持版本控制发布说明支持安装入门Ionic Framework 5特点全新的UI组件和手势全新的图标、颜色和主题官方React与Angular集成混合开发与原生开发了解混合应用和原生应用之间的区别。我们打...原创 2020-03-20 13:52:03 · 1764 阅读 · 0 评论 -
Ionic4国际化实战
Ionic4国际化实战背景实现效果前置条件国际化实现过程1、准备资源文件2、修改app.module.ts3、在所有需要显示语言元素的页面中文本的双向绑定中使用translate，如下所示：3、实现语言切换背景现在很多企业都早布局国际化战略，而且国际化也是大势所趋。在各种App大行其道的当下，国际化也是很多开发者要考虑的问题之一。对于h5小规模团队，个人开发者使用Ionic进行App开发还是个...原创 2019-11-26 17:38:22 · 1426 阅读 · 1 评论 -
熟悉ionic4页面生命周期方法
熟悉ionic4页面生命周期方法ngOnInit //Angular的生命周期组件，组件初始化期间触发一次ionViewWillenter //ionic开始进入界面的时候触发ionViewDidEnter //进入界面完成的时候触发ionViewWillLeave //开始离开界面的时候触发ionViewDidLeave //离开完成之后触发ngOnDestroy /...原创 2019-11-08 09:05:54 · 970 阅读 · 0 评论 -
ionic4项目中常用模块（http、translate、echart）
ionic4项目中常用模块（http、translate、echart）默认cordova插件不需要多说，一般在创建ionic4项目的时候就会安装好，一般在config.xml中的底部会看到，如下：<plugin name="cordova-plugin-whitelist" spec="1.3.3" /><plugin name="cordova-plugin-statu...原创 2019-11-08 08:47:50 · 1218 阅读 · 0 评论 -
关于执行ionic serve时出现[ionic : 无法加载文件 C:\Program Files\nodejs\ionic.ps1，因为在此系统上禁止运行脚本。]问题的解决
关于执行ionic serve时出现[ionic : 无法加载文件 C:\Program Files\nodejs\ionic.ps1，因为在此系统上禁止运行脚本。]问题的解决环境背景原因解决办法环境操作系统：Windows10家庭中文版NodeJs：v13.0.1ionic cli：5.4.4背景之前的一个项目，换了一台电脑，重新搭的环境，在执行ionic serve进行调试的时候在...原创 2019-11-05 11:34:06 · 3885 阅读 · 2 评论 -
ionic5+angular8混合移动开发（一）——环境搭建
ionic5+agular8混合移动开发（一）——环境搭建1、首先安装nodejs，本次安装的是v10.16.02、解决国内连接下载npm包慢，可以配置淘宝镜像3、创建App并运行1、首先安装nodejs，本次安装的是v10.16.01.0 下载nodejs最新稳定版，下载地址如下：https://nodejs.org1.1 安装下载的node-v10.16.0-x64.msi1.2 ...原创 2019-06-05 17:10:27 · 9908 阅读 · 3 评论 -
Ionic4/Angular8项目中使用echarts
Ionic4/Angular8项目中使用echarts1、安装echarts包、ngx-charts包2、angular.json中引入echart.js文件3、在使用echarts的模块中导入NgxEchartsModule4、页面中是用echarts4.1 HTML页中的代码4.2 页面的ts代码在使用Angular开发Ionic项目的时候，是需要引入ngx-charts来使用echarts...原创 2020-03-12 14:04:02 · 1121 阅读 · 0 评论 -
工业企业数据服务应用的方案思考
工业企业数据服务应用的方案思考一 背景二 技术架构1、技术目标2、性能目标3、技术要求4、后台系统技术结构5、数据服务APP应用技术架构三 解决方案应用效果一 背景工业大数据是未来全球工业市场竞争中的关键所在。无论是德国工业4.0、美国工业互联网还是中国的制造强国战略，各国制造业创新战略的实施基础都是工业大数据的搜集和特征分析，以及以此为未来制造系统搭建的无忧环境。致力于推进工业智能化发展，...原创 2020-02-21 10:39:25 · 661 阅读 · 0 评论 -
Ionic4+Angular8实现App主题样式切换
Ionic4+Angular8实现App主题样式切换背景前置条件正文部分实现效果实现过程1、创建主题样式文件2、修改src/theme/variables.scss，导入刚刚创建的3个样式文件3、通过ionic g脚手架命令创建一个service4、通过观察者模式完善SettingsService5、修改src/app/app.component.ts代码，在应用启动的时候订阅SettingsSe...原创 2020-02-17 11:37:57 · 1563 阅读 · 0 评论 -
基于H5的App在Android平台的打包发布流程
基于H5的App在Android平台的打包发布流程0、说明1、项目配置（1）基本配置2、项目打包（1）修改config.xml文件（2）修改build.json文件（3）修改AndroidMainfest.xml文件（4）打包3、项目发布（1）加固apk（2）签名apk（3）apk优化（4）发布0、说明（1）最初是基于Cordova+Ionic开发后改为Cordova+Vue开发。（2）开发...原创 2020-01-10 11:09:48 · 1565 阅读 · 0 评论 -
基于H5的App在IOS App Store的打包发布流程
基于H5的App在IOS App Store的打包发布流程0、说明1、ios证书配置（1）创建CSR文件（2）申请开发者证书（3）申请推送证书（4）申请provisioning profile2、打包（1）WebStorm配置（2）XCode配置3、发布0、说明（1）最初是基于Cordova+Ionic开发后改为Cordova+Vue开发。（2）开发时实在Windows平台下开发。（3）开...原创 2020-01-07 14:51:48 · 4086 阅读 · 1 评论