The following is a guide to launching a Angular TakeShape project that injects Ecommerce data into your components.
- Create a TakeShape project with the pattern in this repo. The button below will deploy the project:
-
Follow our documentation to create a read-only API Key.
-
Find your API Endpoint by navigating to your project in the TakeShape web client and clicking on the Home tab. Scroll down, and you'll see your API Endpoint in the
Useful Snippets
section on the bottom right. Refer to the image below:
-
In the terminal on your local machine, clone this repo with
git clone https://github.com/takeshape/takeshape-starter-angular
-
Open the project in your favorite IDE or change directories into it with your terminal.
-
Edit
products.service.ts
in thesrc/app
directory and replace the text that saysYOUR-ENDPOINT-HERE
with your API Endpoint. Replace the text that saysYOUR-API-KEY-HERE
with your API Key. -
Run
npm install
and thenng serve
in your terminal.
Check out our docs on this project to learn how this example works.