ScandiPWA (deprecated)
User ManualGitHubSlack
  • ScandiPWA (deprecated)
  • React & PWA for dummies
    • Setting Up Environment and Talking Theory
    • Learning React Hands-on
    • Styling It
    • Learning ScandiPWA Way
  • START & UPGRADE
    • Linux Docker setup
    • Mac Docker setup
    • Setting up the theme with remote M2 server
    • Theme Upgrade to the latest version
    • Automated setup (BETA)
  • A TO Z OVERVIEW
    • Motivation
    • Challenges
    • File structure and UI components
    • Rewriting and Extending A Theme
  • DESCRIPTION OF CONTAINERS
    • Ngrok
  • FAQ
    • Development
    • Installation
    • Billing and license
    • Product support
    • What is PWA?
  • HOW-TO TUTORIALS - INTRODUCTORY
    • Base template
    • Connecting to the GraphQL resolver
    • Extension mechanism
    • Creating GraphQL resolver
    • Debugging and Inspecting
    • Setting Up Frontend
    • File Structure
    • Data Flow
    • Technology Stack
    • Changing environment
    • Theme Build and Configuration
    • Implementing Caching for New Caching Identities
    • Implementing a parent theme
  • HOW-TO TUTORIALS - INTERMEDIATE
    • Debugging in Chrome
    • Configuring XDebug
    • CLI in Docker
    • Postman & GraphQL Playground
    • VSCode Extensions
    • Plugins: implementing
    • Plugins: using and publishing
    • ESlint & StyleLint
    • How To Contribute
    • Migrating to a Newer Version
    • Installation on Existing Magento 2 Sever
    • BEM and Coding Standards
    • Tools of ScandiPWA
    • React Best Practices
  • FAQ
    • Untitled
Powered by GitBook
On this page
  • GraphQL Playground Features
  • Postman Features
  • Database Management Tools
  1. HOW-TO TUTORIALS - INTERMEDIATE

Postman & GraphQL Playground

PreviousCLI in DockerNextVSCode Extensions

Last updated 4 years ago

If you don’t already have a preference of your own, check out the ScandiPWA tool recommendations for testing, debugging and database management.

Recommended tools:

  • for Linux

  • for Mac

Topics covered:

GraphQL Playground Features

GraphQL Playground is an IDE for learning and using GraphQL. You can download the latest release for your platform of choice - Mac, Linux or Windows.

Features:

  • Ability to store schema, tabs and workspaces.

  • ‘DOCS’ section lets you preview GraphQL queries, type details and specific fields of a schema.

  • The ‘SCHEMA’ tab allows you to preview the GraphQL schema and download it as a file.

    • You can parse through ‘SCHEMA’ using regular expressions and search for ‘DOCS’ using the search field.

  • Ability to add multiple URLs

  • ‘PRETTIFY’ code feature

  • Request history

  • Support for HTTP headers and query variables

    • Send requests with HTTP headers by adding them as a JSON object in the ‘HTTP HEADERS’ section.

Drawbacks:

  • No proper error handling

  • If your GraphQL server responds with a non-json error you’ll see:

"error": "Unexpected token < in JSON at position 0"
  • In this case you can ‘Inspect Element’ with the Inspector and you’ll see how the request is sent in the ‘Response’ and ‘Preview’ tab. In this case it’s:

502 Bad Gateway

Postman Features

Some of the major features are:

  • Test writing

    • See the full error logs right away, not only for POST requests, but also for GET requests.

  • Executing multiple simultaneous requests

    • Useful for finding bugs that happen radomly, i.e. in a specific period of time.

Database Management Tools

Postman is a user-friendly tool for API testing. If you’re not sure whether or not this tool is for you, just ctrl + F your request .

The team of ScandiPWA recommends for Linux. You can check out the user-guide .

MySQL database management application for Mac - . Read how to get started .

GraphQL Playground features
Postman features
Database management tools
here
DBeaver
here
Sequel Pro
here
GraphQL Playground
Postman
DBeaver
Sequel Pro
Tools of ScandiPWA