Skip to content

Commit

Permalink
Update onesignal-ngx
Browse files Browse the repository at this point in the history
  • Loading branch information
OneSignal committed Apr 3, 2023
1 parent 2b941a9 commit fae5d99
Show file tree
Hide file tree
Showing 14 changed files with 1,705 additions and 2,325 deletions.
File renamed without changes.
File renamed without changes.
251 changes: 251 additions & 0 deletions MigrationGuide.md
Original file line number Diff line number Diff line change
@@ -0,0 +1,251 @@

# Migration Guide

## Version 2
### Intro
In this release, we are making a significant shift from a device-centered model to a user-centered model. This means that instead of identifying devices, we now focus on identifying individual users. This update is part of a larger effort to shift towards a user-oriented omni-channel messaging system.

To facilitate this change, the externalId approach for identifying users is being replaced by the login and logout methods. In addition, the SDK now makes use of namespaces such as User, Notifications, and Slidedown to better separate code.

This guide will walk you through these and other important changes in the version 16 update.

### Overview
Under the new model, the concept of a "player" is being updated to include three new concepts: users, subscriptions, and aliases.

### Users
Users own subscriptions and are identified by aliases which are used to point to users using different alias schemes.

### Subscriptions

Subscriptions refer to the way in which a user can receive various communication methods offered by OneSignal, including push notifications, SMS, and email.

### Aliases
Aliases are identifiers that point to users and are made up of an alias label and id. Users can have multiple aliases. Consider the need to identify a user with your own application's unique identifier as well as identifiers from other integrated applications.

The SDK will use `external_id` as the default alias label for the public `OneSignal.login("1234")` method.

**Alias Example:**
```
"aliases": [
{
"label": "external_id",
"id": "1234"
},
{
"label": "my_alias",
"id": "5678"
}
]
```

```js
// WebSDK-specific example
{
external_id: "1234",
my_alias: "5678"
}
```

# Guide
## 1. Setup Changes
### Service Worker File

From:
```js
importScripts("https://onesignal.com/sdks/OneSignalSDKWorker.js");
```

To:
```js
importScripts("https://onesignal.com/sdks/web/v16/OneSignalSDK.sw.js");
```

## 2. External User ID
Update any usages of `OneSignal.setExternalId` to `OneSignal.login` or `OneSignal.logout`
From:
```js
OneSignal.setExternalId("myId");
```

To:
```js
OneSignal.login("myId");
```

Use `OneSignal.logout();` instead anywhere you have `OneSignal.setExternalId("");` or are setting it to `null`.

## 3. API Changes
Update your code to use the new API. The following namespaces are on the `OneSignal` object.

### User Namespace

Example:
```js
OneSignal.User.addAlias("my_alias", "1234");
```

All user functions are synchronous.

| Function Name | Description | Argument List |
| --------------- | ---------------------------------------------- | ------------------------------------ |
| `addAlias` | Adds a new alias for the current user. | `label: string, id: string` |
| `addAliases` | Adds multiple aliases for the current user. | `aliases: { [key: string]: string }` |
| `removeAlias` | Removes an alias for the current user. | `label: string` |
| `removeAliases` | Removes multiple aliases for the current user. | `labels: string[]` |
| `addEmail` | Adds an email address for the current user. | `email: string` |
| `removeEmail` | Removes an email address for the current user. | `email: string` |
| `addSms` | Adds an SMS number for the current user. | `smsNumber: string` |
| `removeSms` | Removes an SMS number for the current user. | `smsNumber: string` |
| `addTag` | Adds a tag for the current user. | `key: string, value: string` |
| `addTags` | Adds multiple tags for the current user. | `tags: { [key: string]: string }` |
| `removeTag` | Removes a tag for the current user. | `key: string` |
| `removeTags` | Removes multiple tags for the current user. | `keys: string[]` |

### Notifications Namespace

Example:
```js
await OneSignal.Notifications.requestPermission();
```

| Sync/Async | Function Name | Description | Argument List |
| ---------- | --------------------- | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ---------------------------------------------------------------------------------------------------------------------------------------------------------------- |
| `async` | `setDefaultUrl` | Sets the default URL for notifications. | `url` (string) |
| `async` | `setDefaultTitle` | Sets the default title for notifications. | `title` (string) |
| `sync` | `isPushSupported` | Returns true if the current browser supports web push. | |
| `async` | `getPermissionStatus` | Returns the browser's current notification permission. | `onComplete` (Action<NotificationPermission>) |
| `async` | `requestPermission` | Requests push notifications permission via the native browser prompt. | |
| `sync` | `addEventListener` | Adds an event listener for the following events:<br><br>- `click`<br>- `willDisplay`<br>- `dismiss`<br>- `permissionPromptDisplay`<br>- `permissionChange`*<br> * argument type: bool | - `<event>` (string)<br>- `(arg: <type>) => {}` (callback) |
| `sync` | `removeEventListener` | Removes the event listener. | `() => {}` (the event listener you want to remove) |



### Slidedown Namespace

Example:
```js
await OneSignal.Slidedown.promptPush();
```

| Sync/Async | Function Name | Description | Argument List |
| ---------- | ---------------------- | ------------------------------------------------------------------------ | ---------------------------------------------------------------------------- |
| `async` | `promptPush` | Displays the notification permission prompt. | `options` (AutoPromptOptions) |
| `async` | `promptPushCategories` | Displays the notification permission prompt for notification categories. | `options` (AutoPromptOptions) |
| `async` | `promptSms` | Displays the SMS subscription prompt. | `options` (AutoPromptOptions) |
| `async` | `promptEmail` | Displays the email subscription prompt. | `options` (AutoPromptOptions) |
| `async` | `promptSmsAndEmail` | Displays the SMS and email subscription prompts. | `options` (AutoPromptOptions) |
| `sync` | `addEventListener` | Adds an event listener for the `slidedownShown` event. | - `event` ("slidedownShown"), <br>- `listener` ((wasShown: boolean) => void) |
| `sync` | `removeEventListener` | Removes an event listener for the `slidedownShown` event. | - `event` ("slidedownShown")<br>- `listener` ((wasShown: boolean) => void) |



### Push Subscription Namespace

Example:
```js
OneSignal.User.PushSubscription.optIn();
```

| Sync/Async | Property/Function | Description | Argument List |
| ---------- | ----------------------- | --------------------------------------------------------------------------------------------- | -------------------------------------------------------------------------------------------- |
| | `id` | Gets the current user's ID. | |
| | `token` | Gets the current user's push notification token. | |
| | `optedIn` | Gets a boolean value indicating whether the current user is subscribed to push notifications. | |
| `async` | `optIn()` | Subscribes the current user to push notifications. | |
| `async` | `optOut()` | Unsubscribes the current user from push notifications. | |
| `sync` | `addEventListener()` | Adds an event listener for the `subscriptionChange` event. | - `event` ("subscriptionChange")<br>- `listener` ((change: SubscriptionChangeEvent) => void) |
| `sync` | `removeEventListener()` | Removes an event listener for the `subscriptionChange` event. | - `event` ("subscriptionChange")<br>- `listener` ((change: SubscriptionChangeEvent) => void) |

### Debug Namespace

Example:
```js
OneSignal.Debug.setLogLevel(“trace”);
```

| Function Name | Description | Argument List |
| --------------- | ---------------------------------------------- | ------------------------------------ |
| `setLogLevel` | Turns on logging with the given log level. | `setLogLevel: string`<br>- `"trace"`<br>- `"debug"`<br>- `"info"`<br>- `"warn"`<br>- `"error"` |

# Limitations

## January 2023
### Version 16 (alpha)
It is recommended this version is used **only** in development and staging envrionments.
* Switching between users via `login()` and `logout()` is unsafe. **Please stick to single user testing.**
* Any User namespace calls must be invoked **after** initialization (async). Example: `OneSignal.User.addTag("tag", "2");`
* Aliases will be available in a future release,
* HTTP environments are not supported.
* AMP environments are not supported.
* Identity verification is not functional.
* Outcomes are not functional.


# Glossary

**OneSignal user**

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;*(noun) lowercase*

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;A user of the OneSignal service.

**user**

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;*(noun) lowercase*

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;An end-user of an application using the OneSignal service. They may or may not have a subscription.

**user ID**

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;*(noun) lowercase*

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;A OneSignal-provisioned unique identifier for Users (User.onesignal_id).


**user external ID**

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;*(noun) lowercase*

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;A customer-provisioned unique identifier for Users (User.external_id).


**user alias**

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;*(noun) lowercase*

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;A customer provisioned key-value pair used to uniquely identify a User.


**subscription**

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;*(noun) lowercase*

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;An established communication channel between an App and its User, such as a push-subscribed device, email address, or SMS-subscribed phone number.


**subscription ID**

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;*(noun) lowercase*

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;A OneSignal-provisioned unique identifier for a single subscription.


**notification**

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;*(noun) lowercase*

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;A unidirectional outbound communication message from an App to one or more Users via their Subscriptions.


**notification ID**

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;*(noun) lowercase*

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;A OneSignal-provisioned unique identifier for Notifications (Notification.id).


**notification external ID**

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;*(noun) lowercase*

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;A customer-provisioned unique identifier for Notifications (Notification.external_id).
3 changes: 3 additions & 0 deletions README.md
Original file line number Diff line number Diff line change
Expand Up @@ -13,6 +13,9 @@ You can find more information on OneSignal [here](https://onesignal.com/).
* 🏠 [Homepage](https://onesignal.com)
* 🖤 [npm](https://www.npmjs.com/package/onesignal-ngx)

> 🚧 Version 2 now in Beta!
See our [migration guide](./MigrationGuide.md) to get started.

## Contents
- [Install](#install)
- [Usage](#usage)
Expand Down
Loading

0 comments on commit fae5d99

Please sign in to comment.