标签: offline

我们有一个Web应用程序(使用AngularJS构建),我们也逐渐添加PWA'功能'(服务工作者,可启动,通知等).我们的网络应用程序具有的功能之一是能够在离线时完成Web表单.目前,我们在离线时将数据存储在IndexedDB中,并且只需鼓励用户将数据一旦上线就将其推送到服务器("此表单已保存到您的设备中.现在您已重新上线,您应该保存它到云端......").我们会在某些时候自动执行此操作,但目前不需要这样做.

我们正在为这些Web表单添加一个功能,用户可以将文件(图像,文档)附加到表单,也许在整个表单的几个点上.

我的问题是 - 服务工作者有办法处理文件上传吗？以某种方式 - 也许 - 在离线时存储要上载的文件的路径,并在连接恢复后推送该文件？这是否适用于移动设备,我们是否可以访问这些设备上的"路径"？任何帮助,建议或参考将不胜感激.

javascript offline service-worker progressive-web-apps

use*_*436

lucky-day

6
推荐指数

3
解决办法

3096
查看次数

是否可以通过 Firebase Cloud Messaging (FCM) 向离线用户发送消息？

我正在开发渐进式 Web 应用程序 (PWA)，我需要通过推送消息发送重要提醒。即使用户处于离线状态，也应该收到它们。是否可以使用Firebase Cloud Messaging (FCM)（可能预加载消息或类似的东西？）或者我是否需要获取不同的离线路线？

offline firebase firebase-cloud-messaging

Tom*_*Tom

lucky-day

6
推荐指数

1
解决办法

2035
查看次数

如何在没有Internet连接的情况下通过本地网络进行WebRTC？

我想让两台不同的计算机打开一个静态html页面，并能够通过局域网上的WebRTC相互通信。在这种情况下，没有与外界的Internet连接。其中一台电脑将能够手动输入另一台电脑的IP地址，并使用该硬编码IP连接到它。ICE服务器是否必要？如果是这样，服务器本身是否需要互联网访问外部世界？

javascript html5 offline webrtc

Ove*_*d D

lucky-day

6
推荐指数

1
解决办法

1278
查看次数

使react-leaflet能够离线使用

我一直在使用react-leaflet库，到目前为止它运行良好。

现在我希望网站预加载尽可能多的图块，以便网络应用程序（也是 PWA）可以在没有互联网的情况下使用。

我找到了一些现有的解决方案（虽然不是专用于反应）

这是我到目前为止所尝试过的 - 使用 leaflet-offline

import React from 'react';
import 'leaflet-offline';

import {
  Map as LeafletMap,
  TileLayer,
  CircleMarker,
  Marker,
  Popup,
} from 'react-leaflet';

import 'leaflet/dist/leaflet.css';
import L from 'leaflet';
import localforage from 'localforage';

const defaultCoords = {
  latitude: 0,
  longitude: 0,
};

export class MapPage extends React.Component {
  constructor(props) {
    super(props);
    this.map = React.createRef();
  }
  componentDidMount() {
    const map = L.map('map');
    const offlineLayer = L.tileLayer.offline(
      'https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png',
      localforage,
      {
        attribution:
          '&copy; <a href="https://www.openstreetmap.org/copyright">OpenStreetMap</a>',
        minZoom: …

Run Code Online (Sandbox Code Playgroud)

javascript offline leaflet reactjs react-leaflet

The*_*heo

lucky-day

6
推荐指数

1
解决办法

3793
查看次数

我的 Angular 7 PWA 在离线时找不到文件“ngsw.json”

我正在做一个 PWA 应用程序，它运行良好（通过了 Chorme 的所有审核），但是当我想在离线模式下尝试它时。出现 504 TIMEOUT 错误。DevsTools(Chorme) 显示“获取脚本时发生未知错误，无法加载资源：net::ERR_INTERNET_DISCONNECTED”，并且当应用程序尝试获取“ngsw.json?ngsw-cache-bust=0.30493506524068925”时，网络切片显示失败”

这是我的包裹：

{
  "name": "avl",
  "version": "0.0.0",
  "scripts": {
    "ng": "ng",
    "start": "ng serve",
    "build": "ng build",
    "test": "ng test",
    "lint": "ng lint",
    "e2e": "ng e2e"
  },
  "private": true,
  "dependencies": {
    "@angular/animations": "^7.2.8",
    "@angular/cdk": "^7.3.4",
    "@angular/common": "~7.2.0",
    "@angular/compiler": "~7.2.0",
    "@angular/core": "~7.2.0",
    "@angular/flex-layout": "^7.0.0-beta.24",
    "@angular/forms": "~7.2.0",
    "@angular/http": "^7.2.8",
    "@angular/material": "^7.3.4",
    "@angular/platform-browser": "~7.2.0",
    "@angular/platform-browser-dynamic": "~7.2.0",
    "@angular/pwa": "^0.13.8",
    "@angular/router": "~7.2.0",
    "@angular/service-worker": "^7.2.13",
    "@mapbox/leaflet-pip": "^1.1.0",
    "@types/fontfaceobserver": "^0.0.6",
    "@types/leaflet": "^1.4.3",
    "@types/pixi.js": "4.7.2",
    "cerialize": "^0.1.18",
    "core-js": "^2.5.4",
    "fontfaceobserver": …

Run Code Online (Sandbox Code Playgroud)

offline service-worker progressive-web-apps angular angular7

Eze*_*ate

lucky-day

6
推荐指数

1
解决办法

2872
查看次数