Skapi is a backend API Library for HTML Frontend. Now you can build fullstack web applications directly from your HTML frontend without the need for a backend server deployment.
No fancy framework or complex deployment required. Just focused on the basics, Skapi is a single JavaScript library fully compatible with vanilla HTML, as well as any frontend frameworks.
Skapi provides all the backend features you need for your web application out of the box, without the need to set up or maintain any backend servers.
My Services page.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, import Skapi in the script tag, and initialize the library.
<!DOCTYPE html>
<script src="https://cdn.jsdelivr.net/npm/skapi-js@latest/dist/skapi.js"></script>
<script>
const skapi = new Skapi('service_id', 'owner_id');
</script>
Be sure to replace 'service_id' and 'owner_id' with the actual values of your service
For more information, check out our documentation.
To use Skapi in a SPA projects (such as Vue, React, or Angular), you can install skapi-js via npm.
$ npm i skapi-js
Then, import the library into your main JavaScript file.
// main.js
import { Skapi } from 'skapi-js';
const skapi = new Skapi('service_id', 'owner_id');
export { skapi }
// Now you can import skapi from anywhere in your project.
After you initialized the Skapi library, you can test your connection by pinging your request with the mock() method.
Below is an example of how you can use the mock() method in both HTML forms and JavaScript code.
<!-- index.html -->
<!DOCTYPE html>
<script src="https://cdn.jsdelivr.net/npm/skapi-js@latest/dist/skapi.js"></script>
<script>
const skapi = new Skapi('service_id', 'owner_id');
</script>
<form onsubmit='skapi.mock(event).then(ping=>alert(ping.msg))'>
<input name='msg' placeholder='Test message'>
<input type='submit' value='Test Connection'>
</form>
This will send a request to your Skapi service and ping back the response.
When the request is resolved, the mock() method will return the response data as a Promise object.
The response data will be displayed in an alert box.
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.