Javascript library for Skapi: Complete JAM Stack, front-end driven serverless backend API service.
Welcome to Skapi, the serverless backend API service that simplifies your web development.
This guide will walk you through importing the Skapi library into your project, creating a service, and connecting your application to the Skapi server.
Skapi is compatible with both vanilla HTML and webpack-based projects (ex. Vue, React, Angular... etc).
You need to import the library using the <script> tag or install via npm.
For vanilla HTML projects, you can import Skapi using the script tag.
Add the following script to the head tag of your HTML file:
<script src="https://cdn.jsdelivr.net/npm/skapi-js@latest/dist/skapi.js"></script>
This is what your starter code should look like:
<!DOCTYPE html>
<script src="https://cdn.jsdelivr.net/npm/skapi-js@latest/dist/skapi.js"></script>
<body>
<!-- Your content goes here -->
</body>
<script>
// Initialize Skapi
// Replace 'service_id' and 'owner_id' with the values from your Skapi dashboard.
const skapi = new Skapi('service_id', 'owner_id');
...
</script>
To use Skapi in a webpack-based project (such as Vue, React, or Angular), install skapi-js using npm:
$ npm install skapi-js
Then, import the library into your main JavaScript file:
// main.js
import { Skapi } from 'skapi-js'; // imports the library
// Initialize Skapi
// Replace 'service_id' and 'owner_id' with the values from your Skapi dashboard.
const skapi = new Skapi('service_id', 'owner_id');
// export the initialized Skapi instance.
export { skapi }
// Now you can import Skapi from anywhere in your project.
Don't forget to replace service_id and owner_id with the values provided in your Skapi dashboard.
After initializing the Skapi object, you can retrieve information about the current connection by calling the getConnection() method.
skapi.getConnection().then((c) => {
// Connection information
console.log(c);
});
This method returns a promise that resolves with an object containing the following properties:
{
email: string; // The email address of the service owner.
ip: string; // The IP address of the current connection.
locale: string; // The current locale of the connection.
owner: string; // The user ID of the service owner.
region: string; // The region where the service resource is located.
service: string; // The service ID.
timestamp: number; // The timestamp of the service creation.
}
For more information, check out our Documentation
FAQs
Skapi: Backend API for HTML frontend.
The npm package skapi-js receives a total of 1,184 weekly downloads. As such, skapi-js popularity was classified as popular.
We found that skapi-js demonstrated a healthy version release cadence and project activity because the last version was released less than a year ago. It has 0 open source maintainers collaborating on the project.
Did you know?
Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.
Security News
Research
A malicious npm package disguised as a WhatsApp client is exploiting authentication flows with a remote kill switch to exfiltrate data and destroy files.
Security News
PyPI now supports digital attestations, enhancing security and trust by allowing package maintainers to verify the authenticity of Python packages.
Security News
GitHub removed 27 malicious pull requests attempting to inject harmful code across multiple open source repositories, in another round of low-effort attacks.