Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

...

Task:
Jira Legacy
serverSystem Jira
serverIda1b4b5ef-b15c-306f-abe2-636e0c2e7fe6
keyPRD-618

Outline:

We need to make a new shopify plugin for Netcomm. This plugin will be copy of their old plugin. Here are the feature list of old plugins:

eKomi Official Shopify Plugin for NetComm

Summary - present:
Shopify install → This is broken down into a number of steps:
Create DB configuration - new table / entity.
Shopify App config page → add apps nav uri’s.

Main Install steps.
First → request from shopify to the app with the hmac and shop.
The app recodes and removes the hmac value, sends authorization request with shop api key or client id and with the redirect url. Then it redirects with callback.

Second → request from shopify with callback while process is still actually in the install method.
app parses request in callback action method, creates a request to shopify to get the access token.
Then the app registers the un-install webhook.

Third -> Then upon success the app should return the application settings form.
This is where the NetcommId and eKomi details are captured.
Form then saves. -> Currently busy

Check from start to finish -> Refactor to include omission of Customer & Store Redaction and privileges for shopify are not needed.This plugin will be made with new Shopify Designs (please check eKomi Plugins for reference ) .

Overview:

The plugin will run from the Plugin Dashboard system and serve Shopify as an API.
Research is required to implement the new generation of Shopify plugin which is an Embedded App.

The embedded app is served within the Shopify Admin Dashboard.
The app will provide installation and uninstallation functionality.
The main requirement within the app is to capture Netcomm and or eKomi configuration settings and persist that to a DB.

Affected Resources:

Netcomm and eKomi plugins. Shopify is changing and it will affect our future plugins.
Plugin Dashboard DB schema will be changed and a new table introduced for the plugin config settings.
Plugin Dashboard environment variables will have new variables added to their respective config files: list file changes outside of Plugin. System files.

Timeline:

Order

Title

Link

Start

Finish

1

New Shopify Plugin for Widget Installation.

PRD-618

18/06/2024

18/072024

1.1

Local Dev Setup & Plugin Dashboard Onboarding.

PRD-642

18/06/2024

Ongoing

1.2

Shopify Onboarding.

PRD-643

18/06/2024

28/072024

1.3

Plugin - Coding - Planning & Unassigned time tracking.

PRD-644

28/06/2024

04/072024

1.4

Plugin - Coding - Installation

PRD-773

04/072024

14/07/2024

1.5

Plugin - Coding - Uninstallation

PRD-774

04/072024

14/07/2024

1.6

Plugin - Coding - Configuration - CRUD

PRD-763

06/07/2024

14/07/2024

1.7

Plugin - Coding - Refactor & Comment & Document

PRD-764

14/07/2024

18/072024

1.8

Plugin - Coding - FrontEnd design to Polaris

PRD-795

16/07/2024

20/072024

1.9

Plugin - Coding - Add form to capture widget code to display on their site.

PRD-796

16/07/2024

20/072024

1.10

Widget Store Front Display Requirements.

PRD-855

29/07/2024

31/07/2024

1.11

Widget Store Front Display Functionality.

PRD-856

29/07/2024

31/07/2024

Process:

  1. Requirement Gathering. 

    • Local Dev Setup & Plugin Dashboard Onboarding. PRD-642

    • Shopify Onboarding. PRD-643

  2. Planning & Design. 

    • Plugin - Coding - Planning & Unassigned time tracking. PRD-644

  3. Implementation.

    • Dev setup

      • Local Dev Setup & Plugin Dashboard Onboarding. PRD-642

    • Shopify setup

    • Plugin development

      • Plugin - Coding - Planning & Unassigned time tracking. PRD-644

      • Plugin - Coding - Installation. PRD-773

      • Plugin - Coding - Uninstallation. PRD-774

      • Plugin - Coding - Configuration - CRUD. PRD-763

      • Plugin - Coding - Refactor & Comment & Document. PRD-764

      • Widget Store Front Display Requirements. PRD-855

      • Widget Store Front Display Functionality. PRD-856

Process Breakdown:

  1. Requirement Gathering:

    • Plugin Dashboard Repo - Local Dev Setup & Research. 

      • Develop overview of system.

      • Define system purpose.

    • Shopify Dashboard & Research.

      • Develop overview of Shopify system.

      • Define Shopify requirements.

  2. Planning & Design:
    The plugin is broken down into components, namely:
    Each in their respective page.

    1. Plugin Dashboard Repo - Local Dev Setup & Research

    2. Shopify Dashboard & Research

    3. DB Schema

    4. Plugin Install - Process

    5. Plugin Uninstall Process

    6. Plugin Configuration - eKomi & Netcomm

    7. Widget Token Configuration

    8. Widget Store Front Display Requirements

    9. Widget Store Front Display Functionality

Main Process Flow Diagrams:

Inc drawio
simple0
zoom1
pageId4100718596
custContentId4132798480
diagramDisplayNamePluginDashboardNetcomm.drawio
lbox1
hiResPreview0
contentVer1
revision1
baseUrlhttps://ekomi01.atlassian.net/wiki
diagramName1722871311661-PluginDashboardNetcomm.drawio
pCenter0
aspectLL70ml2rnKzf4Suguo_p 1
width3901
linksauto
isUpload1
tbstyletop
height5271