Drivers

In-memory web API

The in-memory driver is for rapid development without the need to set up a magento/shopify/etc backend. It will mock out the submission of a contact form and operate like a functional backend.

To set up in the root component:

1. Import DaffContactInMemoryDriverModule from @daffodil/contact/testing
2. Import HttpClientInMemoryWebApiModule from angular-in-memory-web-api
3. Include DaffContactInMemoryDriverModule.forRoot() and HttpClientInMemoryWebApiModule in the imports section.

import { HttpClientInMemoryWebApiModule } from 'angular-in-memory-web-api';
import { DaffContactInMemoryDriverModule } from '@daffodil/Contact/testing';

@NgModule({
  imports: [
    DaffContactInMemoryDriverModule.forRoot(),
    HttpClientInMemoryWebApiModule.forRoot()
  ]
})
export class AppModule {}

Now your DaffContact implementation will have access to the In-Memory driver to use while developing.

Note: It is important to only have one @daffodil/contact driver set up at a time in the root component. To set up a driver configuration to make switching between different backend drivers simple, follow the advanced setup guide.

Hubspot forms driver

The Hubspot forms driver allows the contact form to connect directly to your Hubspot account to manage contact form submissions.

To set up in the root component:

1. Import the DaffContactHubSpotDriverModule from @daffodil/contact.
2. Include DaffContactHubSpotDriverModule.forRoot(config) in the imports section, where config is a DaffHubspotConfig object containing information needed to connect to your hubspot form. Find your Hubspot form's information here..

import { DaffContactHubSpotDriverModule } from '@daffodil/contact';

config : DaffHubspotConfig = {portalId: '123456', guid: 'ff9999'};

@NgModule({
  imports: [
    DaffContactHubSpotDriverModule.forRoot(config)
  ]
})
export class AppModule {}

Now your DaffContact implementation will connect to your registered Hubspot Form for use in your app!

Note: It is important to only have one @daffodil/contact driver set up at a time in the root component. To set up a driver configuration to make switching between different backend drivers simple, follow the advanced setup guide.