Skip to main content

First Connection

Here you will be able to connect to the Hopper device for the very first time.

Create a new file to add the code​

First of all, create a new file in the src/webserial folder, and name it hopper.js.

Linux/Mac​

touch src/webserial/hopper.js

Windows​

echo "" > src/webserial/hopper.js

Import the module in your code​

If you are using the script tag, you can skip this step.

Module​

src/webserial/hopper.js
import {Hopper} from '@danidoble/webserial';

New instance of the Hopper class​

Create a new instance of the Hopper class (by default, is not needed pass any parameter to the constructor.)

src/webserial/hopper.js
const machine = new Hopper();

Make a function to connect​

Now, let's connect to the device, since the connect method is asynchronous, we need to use await/async or promise to handle the connection. Or you can use the then method to handle the connection.

src/webserial/hopper.js
async function tryConnect() {
    await machine.connect().catch(console.error);
}