@angular/service-当离线并配置了路由时，worker不工作
@angular/service是Angular框架中的一个模块，用于提供服务的支持。它允许开发人员创建可在应用程序中共享和重用的服务，以实现特定的功能。
当离线并配置了路由时，worker不工作是指在离线状态下，并且已经配置了路由的情况下，Angular的Service Worker不会工作。Service Worker是一种在浏览器后台运行的脚本，用于提供离线缓存、推送通知等功能。它可以拦截网络请求并返回缓存的数据，从而提供更好的离线体验。
然而，当应用程序处于离线状态时，Service Worker无法正常工作，因为它无法访问网络。此时，如果已经配置了路由，意味着应用程序需要根据不同的URL路径加载不同的组件或页面。但由于离线状态下无法获取到网络资源，Service Worker无法正确地加载所需的组件或页面。
解决这个问题的一种方法是使用Angular的Offline Compilation（离线编译）功能。离线编译可以将应用程序的模板和组件编译成预编译的JavaScript代码，以便在离线状态下能够正常工作。通过离线编译，应用程序的模板和组件将被提前编译成静态的HTML和JavaScript文件，可以直接在浏览器中运行，而无需依赖网络资源。
在腾讯云的产品中，可以使用腾讯云的云函数（SCF）来实现类似的功能。云函数是一种无服务器计算服务，可以在云端运行代码，无需关心服务器的配置和管理。通过编写云函数，可以在离线状态下执行特定的逻辑，以实现离线功能。
腾讯云云函数产品介绍链接地址：https://cloud.tencent.com/product/scf
相关·内容
1回答
在脱机模式下无法加载Angular 5 PWA
angular、progressive-web-apps、angular-service-worker
我刚用Angular CLI创建了一个PWA，使用以下版本：
Angular CLI: 1.6.8
节点: 8.8.1
角度: 5.2.5
我的问题是:当我离线时，我只能得到一个空白页面。服务工作者不会从缓存中加载任何资产。如果我手动停止并启动它，那么它将开始工作一小段时间。
没有改变任何东西，这是cli生成的。
我正在使用的配置：
ngsw.json：
{
"index": "/index.html",
"assetGroups": [{
"name": "app",
"i
浏览 0提问于2018-02-15得票数 5
7回答
如何结合腾讯云开发微信小程序？
api、serverless、html5
目前，微信小程序越来越流行，而且功能越来越强大，在性能方面也越做越好。因为能够原生调用小程序提供的组件和 API ，小程序的开发快捷，使用方便，越来越多的产品会落地到微信小程序上。但传统的微信小程序开发，和普通的H5页面开发或者原生APP开发相比，只是改变了前端部分的开发方式，还是离不开厚重的后台开发。 现在的小程序，在后台服务方面，正在往 serverless 趋势方向发力。小程序提供了云厂商的无服务器函数 SCF，使得小程序无需搭建一个后台服务即可运行。如何结合腾讯云开发微信小程序？
浏览 3744提问于2018-09-28
1回答
腾讯云API网关怎么无法restful？？ 新增里面只能填写网关名和描述，其他文档的设置选项全都没？
云 API、api、云函数、serverless
腾讯云API网关怎么无法restful？？ 新增里面只能填写网关名和描述，其他文档的设置选项全都没
调用scf函数也是默认的直接调用函数名，，根本不需要restful的吗== =？？？
浏览 545提问于2020-06-02
1回答
当我在服务器上部署时，Angular service worker脱机缓存无法工作
javascript、angular、typescript、service-worker、progressive-web-apps
当我使用angular/pwa构建我的angular项目并使用http-server在本地服务器上测试它时，它的工作情况与预期一致。即使是离线缓存，在本地也运行得很好。 但是当我在服务器上部署了相同的东西时，我可以在任何设备上安装和运行它，但是当我离线时无法打开它。 服务工作者不会缓存angular pwa中的内容。 这是我的app.module.ts import { BrowserModule } from '@angular/platform-browser';
import { NgModule } from '@angular/core';
impo
浏览 28提问于2019-06-10得票数 4
回答已采纳
25回答
【开箱吧腾讯云】开发工具千千万，哪个最高效最好用？
腾讯云、产品、工具、开发、开发工具
开发工具千千万，哪个最高效最好用？
在关键时刻解决了你的卡点和痛点，欢迎你和我们一起分享你使用过的腾讯云宝藏工具！
点赞最高的前5名将获得猫王小王子花梨原木便携蓝牙音箱1个（截止时间：11月12日24:00）
另外在11月9日晚20:00-21:00
【开箱吧腾讯云】将迎来3位开发大神分享自身工具箱
快来腾讯云开发者视频号预约吧！更有超多双十一产品优惠等你！
图片
浏览 1751提问于2022-11-02
1回答
Spring云函数中REST参数的推荐处理方法
rest、aws-lambda、aws-api-gateway、spring-cloud、spring-cloud-function
我非常喜欢Spring云函数将业务逻辑与运行时目标(本地或云)分离的方式，并使其易于与无服务器提供者集成。
我计划在API网关后面使用SCF和AWS Lambda来设计系统的后端。
但是，我还不完全清楚在Spring云函数中处理REST相关参数(如查询参数、标题、路径等)的推荐方法是什么。根据我们的初步分析，我们可以得出两种可能的方法：
在API中启用“Lambda代理集成”时，查询参数和其他信息可作为SCF中的消息头使用。我们可以使用API中的“映射模板”将所有所需的信息映射到JSON主体中，并将其反序列化为POJO，以便将输入直接输入到SCF。这样，SCF就不需要考虑如何将所需的数据传递给
浏览 4提问于2020-09-01得票数 0
1回答
是否可以将带有angular组件的html模板动态加载到AOT编译的angular应用程序中？
angularjs、angular、angular2-aot
在我的angular应用程序中，后端用户可以创建自定义模板。这些自定义模板需要在angular应用程序中的特定位置加载。我有一个自定义指令，它从CMS获取模板(基于路由)，并将其注入到我的angular应用程序中。如果我把它放到innerHTML中，组件将无法正确呈现。我需要componentFactoryResolver和compiler来正确显示组件。
上面的解决方案不适用于AOT编译。有没有其他方法可以让我实现同样的目标并利用AOT？服务器端渲染是解决这个问题的唯一方法吗？
浏览 0提问于2017-03-04得票数 0
1回答
Service worker未在脱机模式下工作
angular、service-worker、progressive-web-apps、offline-caching、angular-service-worker
我已经遵循了关于service worker的angular文档，并且我能够在本地机器上离线运行该项目。当我尝试部署到Github页面时，它在在线模式下工作得很好，我也能够看到文件是通过网络中的服务工作者获取的，服务工作者正在应用程序选项卡中运行，但当我尝试在离线模式下重新加载页面时，它不工作。
是我的Github帐户，是我的Github页面
浏览 15提问于2018-03-06得票数 4
2回答
使用angular/service-worker时，PWA应用程序不能在脱机模式下工作
progressive-web-apps、angular-service-worker
我已经在服务器上部署了PWA应用程序，但不知何故它在脱机模式下无法工作。请查找地址
当在线时，服务工作者似乎得到了完美的安装。请参考屏幕截图以获取相同信息。对于service worker安装，我使用@angular/service-worker请让我知道我应该检查的可能的循环漏洞。
浏览 0提问于2019-04-26得票数 0
3回答
Angular 7-服务工作者未注册
angular、angular-cli、service-worker、progressive-web-apps、angular7
我做了所有用"“编写的东西来制作我的应用程序PWA。
恰好使用以下命令：
ng add @angular/pwa
npm install http-server -g
ng build --prod
http-server -p 8080 -c-1 dist
然后我在Chrome上打开了这个url (匿名)
当我打开tools for developers (f12) > Applications > Service worker时，没有可用的service worker，当我在那里设置为离线时，网站无法工作。
关于我的angular应用程序的其他信息：
packa
浏览 2提问于2018-11-16得票数 26
回答已采纳
2回答
可以在web worker中运行Angular吗？
angularjs、web-worker
我正在用angular构建一个SPA应用程序，我想让我的Angular服务"WebService“与网络工作者共享。我们的目标是共享一个"WebService“，这样我就可以在后台( web worker)和前端( angular应用程序)使用相同的服务。这可行吗？
附加信息:这里的想法是同步远程服务器上的数据，所以你让主应用程序以“在线|离线”模式工作，将数据保存到本地web存储和|或远程服务器(使用"WebService")，并且工人透明地使用相同的服务来同步数据...
你能展示一些在worker中运行应用程序的代码吗？感谢您的反馈
浏览 4提问于2014-10-31得票数 5
1回答
继承和依赖注入如何与角度模块一起工作？
javascript、angularjs
我有点搞不懂角度模块是如何工作的，以及使用它们的最佳方法是什么。我在一本书中读到，无论哪个模块包含服务，服务都是全局可用的。过滤器和指令显然也可以在整个应用程序的模板文件中使用。
一个简单的例子：
angular.module('main',[
'one',
'two',
'three'
]);
angular.module('one',[]).service('oneService', ...);
angular.module('two',[
// a
浏览 3提问于2014-09-13得票数 3
1回答
请问如何删除负载均衡、私有网络？
云服务器、私有网络、负载均衡、负载均衡缓存
因为业务需求，所以实验了一下腾讯云的产品，尝试后选择销毁相关产品，但是发现视乎无法删除负载均衡和VCP，所以想请问下是怎么一回事？是不是我哪里操作不当？
删除负载均衡是提示：
[5100] (11060)TGW 服务异常
删除私有网络时提示：无法删除包含有实例的VPC
但是我只有一个子网，一个路由表，没有云主机，这两个好像都无法删除。
以上问题想问下如何解决
浏览 372提问于2018-02-27
1回答
如何让云web应用像android一样离线工作
mysql、asp.net-mvc、cloud
我们在angular 8和asp.net MVC5中有一个基于云的web应用程序，并使用mysql作为数据库。目前，我们的应用程序是在线的，这意味着它在没有互联网的情况下无法工作。用户执行CRUD操作，并将其保存在云服务器上，每当需要时，用户都会从云服务器获取数据用于查看目的。
我的问题是，我们的一些客户没有互联网。那么，我如何让我的web应用程序也像android移动应用程序那样离线运行呢？意味着我会将数据保存在本地数据库中，可能每隔30秒我就会将这个本地数据库同步到我的云服务器MYSQL数据库中。我可以使用sq-lite来做这个吗？以及如何将数据保存到本地服务器并同步到云服务器上的MySQ
浏览 3提问于2020-02-26得票数 0
2回答
在角度应用程序中实现服务的正确方法是什么？
node.js、angular
去年，当我致力于构建Alexa技能时，这就是我过去定义服务的方式：
service.ts
var createReport = function(variable,callback){
//Method code here
};
module.exports.createReport = createReport;
我以前就是这么叫它的
app.ts
const service= require('../service.ts');
servicee.createReport (name,function=> {
//Ca
浏览 0提问于2019-06-07得票数 0
2回答
@转角/服务-脱机时不工作的工人
angular、angular-cli、service-worker
我从来没有让来自release团队的服务工作者能够正常工作，此时我想我忘了启用一些东西，因为它从最初的发布开始就没有工作过。即使它在Google (智能手机和桌面)上安装和运行，当我离线时，它不再工作了，更新后它也会随机崩溃。
没有关于如何设置它的文档。我就是这样做的：
ng new test-service-worker
npm install @angular/service-worker
在.angular-cli.json中，我添加了"serviceWorker": true
npm build --prod，输出ngsw-manifest.json s
浏览 2提问于2017-03-26得票数 4
回答已采纳
3回答
角2中的条件路由
angular、angular2-routing
我有两个组件在我的角度应用程序(家庭和登录)。登录是默认页面，一旦登录，我想导航到主页。
我有一个app.router.ts，它看起来像:-
import { LoginComponent } from './login/login.component';
import { ModuleWithProviders } from '@angular/core';
import { Routes, RouterModule } from '@angular/router';
import { AppComponent } from './a
浏览 0提问于2017-05-30得票数 1
3回答
网络：私有网络是什么意思？可以直接上互联网吗？
私有网络、5折上云
[图片]
标题：腾讯云云产品新购特惠，五折上云！
地址：https://cloud.tencent.com/act/first_purchase?utm_source=portal&utm_medium=rightbanner&utm_campaign=firstpurchase&utm_term=0109&_ga=2.121460426.337043824.1519722173-1832914836.1510649862
浏览器信息
Mozilla/5.0 (Windows NT 6.1; Win64; x64) AppleWebKit/537.36 (K
浏览 5084提问于2018-02-28
1回答
带有service-worker (pwa)的angular应用程序未按预期工作
angular、service-worker、progressive-web-apps、service-worker-config、ngsw-config
与服务工作者一起处理离线角度可从获取参考
应用程序脱机工作正常唯一的问题是缓存更新机制，如果我使用"installMode": "prefetch"应用程序脱机工作良好，但缓存中的文件永远不会更新服务器上的文件。如果我使用"installMode"："lazy"`应用程序不能离线工作。
下面是我的应用程序的ngsw-config.json。
{
"$schema": "./node_modules/@angular/service-worker/config/schema.json",
&#
浏览 2提问于2020-03-25得票数 1
5回答
如何使用BehaviorSubject值作为方法的参数？
angular、typescript、behaviorsubject
我使用一个BehaviorSubject来保存一个与其他组件共享的变量(用户名)，它在我的模板上很好地显示用户名。但是，我希望能够在一个服务中使用我的BehaviorSubject的值，然后该值(用户名)被用作如下方法的参数:myMethod(用户名){ do突}。
问题似乎是，当调用方法时，BehaviorSubject值还没有准备好。我尝试在构造函数和ngOnInIt中调用该方法，如果我将它记录到控制台，它将显示它最初是未定义的，最后它用正确的(用户名)值进行日志记录。是否可以使用BehaviorSubject获得作为参数传递给方法的值？
在我的示例中，我有一个auth.service，它
浏览 0提问于2019-04-23得票数 1
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
对象存储
云直播活动推荐
腾讯云开发者
