Loading [MathJax]/jax/input/TeX/config.js
首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
社区首页 >问答首页 >在ionic 4应用程序中使用web sdk插件

在ionic 4应用程序中使用web sdk插件
EN

Stack Overflow用户
提问于 2020-09-09 07:56:33
回答 1查看 51关注 0票数 1

我有一个问题。我想在我的离子应用程序中使用这个sdk:https://support.count.ly/hc/en-us/articles/360037441932-Web-analytics-JavaScript-#using-the-web-sdk-in-webview。我使用ionic版本4,所以我不能使用他们的插件,因为它只与ionic 2兼容。问题是我如何在我的组件中使用这个插件?到目前为止我所做的:

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
1. npm install countly-sdk-web
2. I modified index.html file to add the init :
<script type='text/javascript'>

// Some default pre init
var Countly = Countly || {};
Countly.q = Countly.q || [];

// Provide your app key that you retrieved from Countly dashboard
Countly.app_key = "111";

// Provide your server IP or name. Use try.count.ly or us-try.count.ly
// or asia-try.count.ly for EE trial server.
// If you use your own server, make sure you have https enabled if you use
// https below.
Countly.url = "https://try.count.ly";

// Start pushing function calls to queue
// Track sessions automatically (recommended)
Countly.q.push(['track_sessions']);

//track web page views automatically (recommended)
Countly.q.push(['track_pageview']);

// Load Countly script asynchronously
(function() {
  var cly = document.createElement('script'); cly.type = 'text/javascript';
  cly.async = true;
  // Enter url of script here (see below for other option)
  cly.src = 'https://cdn.jsdelivr.net/npm/countly-sdk-web@latest/lib/countly.min.js';
  cly.onload = function(){Countly.init()};
  var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(cly, s);
})();

没有错误,所以sdk启动了。但不知道如何在.component.ts上使用。有什么想法吗?提前进行Thx

EN

回答 1

Stack Overflow用户

发布于 2020-09-14 20:26:20

我是在Countly工作的开发人员之一。

在您的Ionic应用程序中使用web SDK是否有原因?它的主要用途是网页,而不是移动应用程序。

对于离子移动(安卓和iOS)应用,我们推荐我们的"Cordova SDK“。

要更好地了解如何在您的应用程序中使用我们的软件开发工具包,请查看我们的documentationexample app

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/63807164

复制
相关文章
【风雨欲来的Hybird】(1)Capacitor——为了原生,RN、NS、Weex的下一个强劲对手
其实Capacitor是ionic4的衍生品,如果说Stencil是跨框架组件开发,那Capacitor就是跨平台原生封装。为解决Webview的渲染性能瓶颈,相对于Cordova,原理应该和RN差不多的,页面使用原生渲染,但比RN更接近Web的开发方式,且多了对Cordova的兼容。
IT晴天
2018/08/20
3.2K0
构建具有用户身份认证的 Ionic 应用
使用 Okta 和 OpenID Connect (OIDC),可以很轻松的在 Ionic 应用中添加身份认证,完全不需要自己实现。 OIDC 允许你直接使用 Okta Platform API 进行认证,本文的目的就是告诉你如何在一个 Ionic 应用中使用这些 API。我将演示如何使用 OIDC 重定向、Okta 的 Auth SDK 以及基于 Cordova 内嵌浏览器的 OAuth 进行登录; 由于功能还在开发中,所以省略了用户注册。
叙帝利
2018/07/31
23.9K0
构建具有用户身份认证的 Ionic 应用
构建具有用户身份认证的 Ionic 应用
序言:本文主要介绍了使用 Ionic 和 Cordova 开发混合应用时如何添加用户身份认证。教程简易,对于 Ionic 入门学习有一定帮助。因为文章是去年发表,所以教程内关于 Okta 的一些使用步骤不太准确,但是通过 Okta 的官网也可以找到对应的内容。另外,使用 npm 安装 Ionic starter 模板可能会有安装失败的情况,建议不要在这方面浪费太多时间,可以直接在 Ionic 的 GitHub 仓库 中下载 starter 模板。 原文:How to Sprinkle ReactJS i
叙帝利
2018/05/28
23.3K0
Ionic用于构建跨平台移动应用程序的开源框架
Ionic框架和小程序容器技术可以结合使用,以在小程序平台上构建跨平台移动应用程序。通过将Ionic应用嵌套在小程序的WebView中或利用小程序桥接插件实现与小程序环境的通信,开发者可以在小程序平台上利用Ionic框架提供的跨平台开发能力和丰富的用户界面组件。这种结合为开发者提供了更多选择和灵活性,能够同时享受到Ionic框架和小程序平台的优势。 Ionic是一个用于构建跨平台移动应用程序的开源框架。它结合了HTML、CSS和JavaScript等技术,帮助开发者创建具有原生应用体验的移动应用程序。Ionic提供了一套用户界面组件和工具,可用于构建高度交互和美观的移动应用界面。
菜特鸡鼻涕
2023/06/25
3580
最新ionic-cli创建ionic3而非ionic4的项目
在ionic CLI v4.8.0版本创建项目时,会询问是创建ionic3还是ionic4项目,然而更新到 ionic CLI v4.10.2(latest)时,这个询问提示消失了,直接默认创建ionic3项目,而且看参数是没有创建ionic3项目支持的,于是,我上Github发了个issue: How to create ionic3 project by ionic CLI v4.10.2(latest)
IT晴天
2019/03/06
1.4K0
基于Flask的Web应用程序插件式结构
        事实上,很多应用程序基于插件式结构开发,可以很方便了扩展软件的功能,并且这些功能完全可以依托于第三方开发者,只要提供好接口和完备文档,比如wordpress、谷歌火狐浏览器等。
py3study
2020/01/20
8400
在FinClip中如何使用小程序插件?
最近总发现很多萌新把小程序插件和小程序组件搞混淆。简单来说,组件和插件的区别在于,插件是可以直接提供服务的,组件是给开发者的轮子提高开发效率的,这是两回事。
海岛船长加西亚
2022/10/19
2.2K0
在Scala中构建Web API的4大框架
       Scala是一种强大的语言,很快就成为许多开发人员的最爱。然而,语言只是一个起点 - 并非每个函数都将由语言核心覆盖。Scala还创建了一些厉害的框架。接下来看看Scala的4个强大框架以及其优点和缺点。请记住,框架的最佳选择总是应符合您特定项目的要求——因此,请酌情考虑我们的推荐,根据您自己的项目要求决定最适合您的项目。
数据星河
2018/11/15
2.1K0
在IDEA中Jrebel插件安装与使用
在进行java开发的过程中,需要将代码编译为class文件,之后打包为jar文件,如果在tomcat等容器下运行,则需要反复重新部署。这个操作非常耗时和无聊,虽然IDEA和eclipse等有诸多热部署的插件来解决这个问题,Jrebel则是最好的热部署插件之一。 本文介绍在IDEA下如何安装Jrebel及激活该插件。
冬天里的懒猫
2021/03/02
3.8K0
在IDEA中Jrebel插件安装与使用
开发Hybrid App如何选型前端框架
由于混合应用的开发具有灵活性、可移植性和易维护性等优点,Hybrid App(混合应用)的开发变得越来越流行,甚至成为一种烂大街的存在,大到全民超级 App 微信、支付宝,小到随便的一个独立电商 App 都是 Hybrid App 的“忠实粉丝”。
Onegun
2023/04/12
4.2K0
开发Hybrid App如何选型前端框架
Ubuntu 16.04搭建ionic开发环境
前端开发框架ionic,以假乱真的页面和流畅的运行速度直逼原生应用,让你情不自禁的爱上了她,下面来简单介绍下ionic。
会长君
2023/04/25
2.1K0
使用TRTC Web SDK实现互动直播
以主播身份进入房间进行直播的场景跟实时音视频通话场景流程一样,请参考使用TRTC Web SDK实现实时音视频通话。本文主要介绍以观众身份进入直播间。
yuliang
2021/03/02
2.4K0
混合应用前端框架HybridApp篇
Hybrid App 作为一种既能够在原生应用程序环境中运行,也能够在 Web 浏览器中运行的应用程序。它主要使用 Web 技术进行开发,如 HTML、CSS 和 JavaScript,并使用一个中间层将其封装在原生应用程序中。
菜特鸡鼻涕
2023/09/08
6110
Ionic4与Ionic3部分比较
有较长时间没有用Ionic了,见新的公众号需求比较简单,便决定使用Ionic4来实现。
IT晴天
2018/09/19
7K0
Ionic4与Ionic3部分比较
Hhybrid App,你需要知道这些
Hhybrid App顾名思义就是原生 App 与 Web App 的结合。它的壳是原生 App,但是里面放的是网页。 可以理解成,混合 App 里面隐藏了一个浏览器,用户看到的实际上是这个隐藏浏览器渲染出来的网页。
用户10245619
2023/04/21
1.8K0
ionic4 -- angular 跳转页面
ionic4 与前辈们最大的不同就是通过angular引入了route,这样每次跳转的时候只需要直接跳转对应的路由地址就可以了,给了路由器上的解耦,也解决了原来的RXjs与Events的子页面反复跳转重复添加监听问题【挖坑,具体操作等后面进一步深入研究】。通过翻阅源码,我们看到:
stormKid
2018/09/12
2.9K0
ionic4 -- angular 跳转页面
Agora SDK 在Android中的使用(在线视频通话)
一.集成 1.注册账号创建项目 其中最重要的要数 App ID 了 2.下载Agora SDK 二、学会看示例代码(可跳过) 1.整体了解项目结构(1v1的视频通信示例) 以前看一个Andro
Android技术干货分享
2019/05/15
1.5K0
Agora SDK 在Android中的使用(在线视频通话)
首先声明本文是Agora SDK入门的小白文章 一.集成 1.注册账号创建项目 其中最重要的要数 App ID 了 2.下载Agora SDK 二、学会看示例代码(可跳过) 1.整体了解项目结构(1
张风捷特烈
2020/04/30
1.5K0
Agora SDK 在Android中的使用(在线视频通话)
几个跨平台移动App开发方案框架比较
根据一些老博客里面的内容,现在整理一下目前流行的跨平台移动App开发技术的特点,并将几个不同的开发平台框架进行比较说明,仅供大家参考。
全栈程序员站长
2022/09/04
7.9K0
几个跨平台移动App开发方案框架比较
使用插件创建 .NET Core 应用程序
本教程展示了如何创建自定义的 AssemblyLoadContext 来加载插件。AssemblyDependencyResolver 用于解析插件的依赖项。该教程正确地将插件依赖项与主机应用程序隔离开来。将了解如何执行以下操作:
leon公众号精选
2022/04/27
1.3K0
使用插件创建 .NET Core 应用程序

相似问题

如何在Ionic 4中使用Ionic 3 Cordova插件?

20

Firebase Ionic 4插件

12

在Ionic 4中导入Ionic-Native File插件

19

Ionic Framework Facebook SDK集成:显示页面插件Ionic

10

如何使用ionic / ionic 2/ ionic 3/ ionic 4/ ionic 5添加本地cordova插件?

30
添加站长 进交流群

领取专属 10元无门槛券

AI混元助手 在线答疑

扫码加入开发者社群
关注 腾讯云开发者公众号

洞察 腾讯核心技术

剖析业界实践案例

扫码关注腾讯云开发者公众号
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档
查看详情【社区公告】 技术创作特训营有奖征文