- Google Pay merchant and Spot onboarding
- Get started with the Spot Platform APIs video
What you'll do
- Turn a simple web page into a Spot for Google Pay.
What you'll need
- Chrome Developer Tools
- An Android device with Google Pay installed and USB debugging enabled
- An IDE or text editor of your choice, such as Atom, Sublime Text, Visual Studio Code, or WebStorm
- Open your text editor.
- Copy the following script tag:
<script async src="https://microapps.google.com/apis/v1alpha/microapps.js"></script>
- Paste the script tag into a blank web page in your text editor, then type some text, such as
microapps, which turns your web page into a Spot.
- Upload the web page to your existing web-hosting provider so that you can access it at the URL for your Spot, which you received during onboarding.
- Open your Spot on your mobile Android device by navigating to the following URL, but remember to replace
your.microapp.idwith your microapp ID:
That opens your Spot in the Google Pay app.
- Connect your device to your computer with a USB cord and ensure that USB debugging is enabled.
- Go to chrome://inspect to open Chrome Developer Tools.
- Select the Discover USB devices checkbox, if necessary.
- Click inspect under the WebView, a mini web browser embedded in an Android app.
That opens a dual screen that shows your Spot as it appears on the web on one side and an area where you can interactively debug your Spot on the other side.
- Click the dropdown menu and select the frame of your Spot.
typeof microapps.requestPayment, then press the
returnkey on Macintosh).
That should provide