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,570 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
At its inaugural meeting, the JSR Working Group outlined plans for an open governance model and a roadmap to enhance JavaScript package management.
Security News
Research
An advanced npm supply chain attack is leveraging Ethereum smart contracts for decentralized, persistent malware control, evading traditional defenses.
Security News
Research
Attackers are impersonating Sindre Sorhus on npm with a fake 'chalk-node' package containing a malicious backdoor to compromise developers' projects.