MediaStore SDK

This repo is an example app which shows how to integrate with Cleeng MediaStore API. It consists of components that will empower you to build and design a seamless checkout process, help visitors become subscribers, and then allow them to manage their subscription.

Installation

Prerequisites

• node v14.15.0
• yarn

Follow commands

git clone https://github.com/Cleeng/media-store-sdk
cd media-store-sdk
yarn install
yarn start --environment=sandbox runWithTestOffer

App live server will be opened on http://localhost:3003. If you run the app with runWithTestOffer param, it will be opened with a sample offer and publisher on http://localhost:3003/login?offer=S817681481_PL&publisher=933103327.

Below you can find a list with available scripts.

Links

Check the live demo app here.

Here you can find documentation:

• MediaStore SDK tutorial
• API documentation

Looking for specific details?

• features
• authorisation
• translations

Architecture overview

MediaStore SDK is a frontend application build with React. It was bootstrapped with Create React App. We are using a webpack to build it, Jest, and Enzyme for testing, Styled Components for styles.

This application is communicating with the backend REST API. All methods available can be found here.

The app requires params to working properly.

To enable login action pass offerId to the app. Login is also possible using publisherId, but in the sample app, we use offerId. To enable registration, pass publisherId which is required to fetch terms and conditions.

You can pass it in two ways:

In URL as a param ?offer=S1234567 / ?publisher=123456789 and this is the most important one

In local storage as CLEENG_OFFER_ID / CLEENG_PUBLISHER_ID

Sample:http://localhost:3003/login?offer=S817681481_PL&publisher=933103327

License

The Cleeng Media Store SDK is open source and available under the BSD 3-Clause License. See the LICENSE file for more info.