-
Notifications
You must be signed in to change notification settings - Fork 0
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
Signed-off-by: bidi <[email protected]>
- Loading branch information
Showing
1 changed file
with
125 additions
and
0 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,125 @@ | ||
# Error reporting endpoint | ||
|
||
The error reporting endpoint was designed to allows the **frontend developers** of your API to report any bugs they encounter in a secure way that is fully under your control. | ||
|
||
### Example case usage | ||
Check failure on line 5 in docs/book/v5/core-features/error-reporting.md GitHub Actions / ci / QA Checks (Documentation Linting [8.1, latest], ubuntu-latest, laminas/laminas-continuous-integra...
|
||
|
||
- Frontend developed in Angular. | ||
- Frontend developer will use try-catch in the code in order to send **frontend errors** back to the API | ||
|
||
## How to use it on the API side | ||
|
||
Error reporting is done by sending a **POST** request to the `/error-report` endpoint, together with a **token** in the header. | ||
In the sections below we will detail how to configure error reporting in your API and how the endpoint is used by the frontend developers. | ||
|
||
### Generating a token and adding it to your API config | ||
|
||
First you need to generate a token for your request. | ||
This is done by using the command | ||
|
||
```bash | ||
php ./bin/cli.php token:generate error-reporting | ||
``` | ||
|
||
The resulting token has this format `0123456789abcdef0123456789abcdef01234567`. | ||
**Note:** this example is not a valid token, it just lets you know what to look for. | ||
|
||
Copy the generated token in your `config/autoload/error-handling.global.php` file. | ||
It should look similar to the example below. | ||
Your API can have multiple tokens, if needed. | ||
|
||
```php | ||
return [ | ||
... | ||
ErrorReportServiceInterface::class => [ | ||
... | ||
'tokens' => [ | ||
'0123456789abcdef0123456789abcdef01234567', | ||
], | ||
... | ||
] | ||
] | ||
``` | ||
|
||
### Validation mechanism | ||
|
||
Behind the scenes, the API validates your configuration and lets you know if any config items prevent the submission of the error report. | ||
Below are the requirements for an application to be able to send error messages to Dotkernel API. | ||
|
||
- **Server-side requirements** stored in in `config/autoload/error-handling.global.php`; note these can be set/overwritten in `config/autoload/local.php`: | ||
- All keys (`enabled`, `path`, `tokens`, `domain_whitelist` and `ip_whitelist`) must exist under `ErrorReportServiceInterface::class`. | ||
- The error reporting feature must be enabled via `ErrorReportServiceInterface::class` . `enabled` => `true`. | ||
- `ErrorReportServiceInterface::class` . `path` must have a value; if the destination file does not exist, it will be created automatically. | ||
- `ErrorReportServiceInterface::class` . `tokens` must contain at least one token. | ||
- At least one of `ErrorReportServiceInterface::class` . `domain_whitelist`/`ip_whitelist` must have at least one value. | ||
|
||
**Note:** The function `checkRequest()` tries to validate the request by checking matches for `domain_whitelist` with `isMatchingDomain()` and for `ip_whitelist` with `isMatchingIpAddress()`. | ||
If both return `false`, a `ForbiddenException` is thrown and the error message does not get stored. | ||
|
||
- **Application-side requirements**: | ||
- Send the `Error-Reporting-Token` header with a valid token previously stored in `config/autoload/error-handling.global.php` in the `ErrorReportServiceInterface::class` . `tokens` array. | ||
- Send the `Origin` header set to the application's URL; this is the application that send the report. | ||
|
||
**Note:** | ||
|
||
- The tokens under `ErrorReportServiceInterface::class` . `tokens` do not expire. | ||
- The log file stores the token value too, making it easy to identify which application sent the error message. | ||
|
||
If your post passes all the checks, the message is saved for the developers. | ||
|
||
#### Tips and tricks | ||
|
||
If there are multiple applications that report errors to your API, you can **assign a different error reporting token** for each. | ||
The tokens support key-value pairs where | ||
|
||
- The **key** is an alias relevant to the assigned application that uses it. | ||
- The **value** is the token itself. | ||
|
||
Example: | ||
|
||
```php | ||
// ... | ||
return [ | ||
... | ||
ErrorReportServiceInterface::class => [ | ||
// ... | ||
'tokens' => [ | ||
'frontend' => '0123456789abcdef0123456789abcdef01234567', | ||
'admin' => '9876543210abcdef0123456789abcdef7654321', | ||
// other tokens | ||
], | ||
], | ||
]; | ||
``` | ||
|
||
The log file will have entries similar to the below: | ||
|
||
> [2024-08-29 12:47:00] [0123456789abcdef0123456789abcdef01234567] Demo error message | ||
The inclusion of the token helps you identify the source of the error message. | ||
In our example, it's the application that uses the `0123456789abcdef0123456789abcdef01234567` token, which is assigned to the application `frontend`. | ||
|
||
## How to use it on the Frontend side (Angular example) | ||
|
||
The API developer sends a generated token to the frontend developer who will save it in their `environment.staging.ts` and/or `environment.prod.ts`. | ||
From then on, it's the frontend developer's job to set up an error reporting function similar to the one below. | ||
|
||
```javascript | ||
postError(body: object): Promise<any> { | ||
return new Promise((resolve, reject) => { | ||
return this.http.post(API_ENDPOINT + 'error-report', body , {headers: new HttpHeaders({'X-Workspace': 'TOKEN', 'Access-Control-Allow-Origin': '*'})})).subscribe({ | ||
next: (response: any) => { | ||
resolve(response); | ||
}, | ||
error: (e: HttpErrorResponse) => reject(e), | ||
complete: () => console.info('Error on sending error'), | ||
}); | ||
}); | ||
} | ||
``` | ||
|
||
Whenever an error is found, the frontend will call `postError()` with a relevant description under `message`. | ||
|
||
```javascript | ||
apiService.postError({message: 'ERROR MESSAGE'}) | ||
``` |