모든 패스 카테고리에는 일반적인 사용 사례가 있습니다. 예를 들어 모든 포인트 카드, 기프트 카드, 쿠폰, 이벤트 티켓, 항공 탑승권, 대중교통 이용권을 다양한 방법으로 Google Pay 앱에 추가할 수 있습니다. 다음 방법 중 하나를 선택하여 자세히 알아보세요.
웹 버튼 추가
사용자가 포인트 카드, 기프트 카드, 쿠폰, 이벤트 티켓, 항공 탑승권, 대중교통 이용권을 Google Pay 앱에 저장할 수 있도록 웹사이트에 Google Pay에 저장 버튼을 추가합니다.
사용자가 버튼을 클릭하면 패스를 나타내는 JSON 웹 토큰(JWT)이 Google 서버로 전송됩니다. 그런 다음 Google 서버는 JWT를 토대로 각 Object 리소스를 만들어 사용자 계정에 연결합니다.
다음 세 단계를 따라 Google Pay에 저장 버튼을 웹사이트에 통합합니다.
- 객체가 확장되는
Class를 정의합니다. Object를 나타내는 JWT를 생성합니다.- Google Pay에 저장 버튼을 웹페이지에 추가합니다.
다음 단계에서는 포인트 패스를 사용하지만 모든 패스에는 동일한 절차가 적용됩니다.
1. 객체가 확장되는 클래스 정의
먼저 LoyaltyClass를 정의합니다. LoyaltyClass를 삽입하려면 다음 REST URI에 POST를 요청합니다.
https://walletobjects.googleapis.com/walletobjects/v1/loyaltyClass
엄격한 오류 파싱을 사용 설정하고 중복 ID 필드와 같은 추가 오류를 찾으려면 다음 URI 예시에 표시된 대로 REST URI에 strict=true 매개변수를 추가합니다.
https://walletobjects.googleapis.com/walletobjects/v1/loyaltyClass?strict=true
다음은 LoyaltyClass를 나타내는 JSON 리소스를 보여주는 예시입니다. JSON은 POST 요청의 본문으로 보내야 합니다. 특히 다음 코드 샘플은 LoyaltyClass를 정의하고 삽입하는 방법을 보여줍니다.
리소스
{
"accountIdLabel": "Member Id",
"accountNameLabel": "Member Name",
"id": "2945482443380251551.ExampleClass1",
"issuerName": "Baconrista",
"kind": "walletobjects#loyaltyClass",
"textModulesData": [
{
"header": "Rewards details",
"body": "Welcome to Baconrista rewards. Enjoy your rewards for being a loyal customer. " +
"10 points for every dollar spent. Redeem your points for free coffee, bacon and more!"
}
],
"linksModuleData": {
"uris": [
{
"kind": "walletobjects#uri",
"uri": "https://maps.google.com/map?q=google",
"description": "Nearby Locations"
},
{
"kind": "walletobjects#uri",
"uri": "tel:6505555555",
"description": "Call Customer Service"
}
]
},
"imageModulesData": [
{
"mainImage": {
"kind": "walletobjects#image",
"sourceUri": {
"kind": "walletobjects#uri",
"uri": "https://farm4.staticflickr.com/3738/12440799783_3dc3c20606_b.jpg",
"description": "Coffee beans"
}
}
}
],
"messages": [{
"header": "Welcome to Banconrista Rewards!",
"body": "Featuring our new bacon donuts.",
"kind": "walletobjects#walletObjectMessage"
}],
"locations": [{
"kind": "walletobjects#latLongPoint",
"latitude": 37.424015499999996,
"longitude": -122.09259560000001
},{
"kind": "walletobjects#latLongPoint",
"latitude": 37.424354,
"longitude": -122.09508869999999
},{
"kind": "walletobjects#latLongPoint",
"latitude": 37.7901435,
"longitude": -122.39026709999997
},{
"kind": "walletobjects#latLongPoint",
"latitude": 40.7406578,
"longitude": -74.00208940000002
}],
"programLogo": {
"kind": "walletobjects#image",
"sourceUri": {
"kind": "walletobjects#uri",
"uri": "https://farm8.staticflickr.com/7340/11177041185_a61a7f2139_o.jpg"
}
},
"programName": "Baconrista Rewards",
"rewardsTier": "Gold",
"rewardsTierLabel": "Tier",
"reviewStatus": "underReview",
"hexBackgroundColor": "#ffffff",
"heroImage": {
"kind": "walletobjects#image",
"sourceUri": {
"kind": "walletobjects#uri",
"uri": "https://farm8.staticflickr.com/7302/11177240353_115daa5729_o.jpg"
}
}
}
자바
// Define the Image Module Data
List<ImageModuleData> imageModuleData = new ArrayList<ImageModuleData>();
ImageModuleData image = new ImageModuleData().setMainImage(
new Image().setSourceUri(
new ImageUri().setUri("http://farm4.staticflickr.com/3738/12440799783_3dc3c20606_b.jpg")));
imageModuleData.add(image);
// Define Text Module Data
List<TextModuleData> textModulesData = new ArrayList<TextModuleData>();
TextModuleData textModuleData = new TextModuleData().setHeader("Rewards details")
.setBody(
"Welcome to Baconrista rewards. Enjoy your rewards for being a loyal customer. 10 points for ever dollar spent. Redeem your points for free coffee, bacon and more!");
textModulesData.add(textModuleData);
// Define Links Module Data
List<Uri> uris = new ArrayList<Uri>();
Uri uri1 = new Uri().setDescription("Nearby Locations").setUri("http://maps.google.com/?q=google");
Uri uri2 = new Uri().setDescription("Call Customer Service").setUri("tel:6505555555");
uris.add(uri1);
uris.add(uri2);
LinksModuleData linksModuleData = new LinksModuleData().setUris(uris);
// Define general messages
List<Message> messages = new ArrayList<Message>();
Message message = new Message()
.setHeader("Welcome to Baconrista")
.setBody("Featuring our new bacon donuts.");
messages.add(message);
// Define Geofence locations
List<LatLongPoint> locations = new ArrayList<LatLongPoint>();
locations.add(new LatLongPoint().setLatitude(37.422601).setLongitude(
-122.085286));
locations.add(new LatLongPoint().setLatitude(37.424354).setLongitude(
-122.09508869999999));
locations.add(new LatLongPoint().setLatitude(40.7406578).setLongitude(
-74.00208940000002));
// Create class
LoyaltyClass wobClass = new LoyaltyClass()
.setId('2945482443380251551.ExampleClass1')
.setIssuerName("Baconrista")
.setProgramName("Baconrista Rewards")
.setProgramLogo(
new Image().setSourceUri(new ImageUri()
.setUri("http://farm8.staticflickr.com/7340/11177041185_a61a7f2139_o.jpg")))
.setRewardsTierLabel("Tier").setRewardsTier("Gold")
.setImageModulesData(imageModuleData)
.setTextModulesData(textModulesData)
.setLinksModuleData(linksModuleData)
.setAccountNameLabel("Member Name").setAccountIdLabel("Member Id")
.setMessages(messages)
.setReviewStatus("underReview").setMultipleDevicesAndHoldersAllowedStatus("multipleHolders")
.setLocations(locations);
LoyaltyClass response = client.loyaltyclass().insert(wobClass).execute();
PHP
// Define text module data.
$textModulesData = array(
array(
'header' => 'Rewards details',
'body' => 'Welcome to Baconrista rewards. Enjoy your rewards for being a loyal customer. ' .
'10 points for every dollar spent. Redeem your points for free coffee, bacon and more!'
)
);
// Define links module data.
$linksModuleData = new Google_Service_Walletobjects_LinksModuleData();
$uris = array (
array(
'uri' => 'http://maps.google.com/map?q=google',
'kind' => 'walletobjecs#uri',
'description' => 'Nearby Locations'
),
array(
'uri' => 'tel:6505555555',
'kind' => 'walletobjecs#uri',
'description' => 'Call Customer Service'
)
);
$linksModuleData->setUris($uris);
$uriModuleImageInstance = new Google_Service_Walletobjects_ImageUri();
$uriModuleImageInstance->setUri(
'http://farm4.staticflickr.com/3738/12440799783_3dc3c20606_b.jpg'
);
$uriModuleImageInstance->setDescription('Coffee beans');
$imageModuleImageInstance = new Google_Service_Walletobjects_Image();
$imageModuleImageInstance->setSourceUri($uriModuleImageInstance);
$imagesModuleData = new Google_Service_Walletobjects_ImageModuleData();
$imagesModuleData->setMainImage($imageModuleImageInstance);
$imagesModuleDataArr = array ($imagesModuleData);
// Messages to be displayed to all users of Wallet Objects.
$messages = array(array(
'header' => 'Welcome to Banconrista Rewards!',
'body' => 'Featuring our new bacon donuts.',
'kind' => 'walletobjects#walletObjectMessage'
));
$locations = array(
array(
'kind' => 'walletobjects#latLongPoint',
'latitude' => 37.424015499999996,
'longitude' => -122.09259560000001
),
array(
'kind' => 'walletobjects#latLongPoint',
'latitude' => 37.424354,
'longitude' => -122.09508869999999
),
array(
'kind' => 'walletobjects#latLongPoint',
'latitude' => 37.7901435,
'longitude' => -122.39026709999997
),
array(
'kind' => 'walletobjects#latLongPoint',
'latitude' => 40.7406578,
'longitude' => -74.00208940000002
)
);
// Source uri of program logo.
$uriInstance = new Google_Service_Walletobjects_ImageUri();
$imageInstance = new Google_Service_Walletobjects_Image();
$uriInstance->setUri(
'http://farm8.staticflickr.com/7340/11177041185_a61a7f2139_o.jpg'
);
$imageInstance->setSourceUri($uriInstance);
// Create wallet class.
$wobClass = new Google_Service_Walletobjects_LoyaltyClass();
$wobClass->setId('2945482443380251551.ExampleClass1');
$wobClass->setIssuerName('Baconrista');
$wobClass->setProgramName('Baconrista Rewards');
$wobClass->setProgramLogo($imageInstance);
$wobClass->setRewardsTierLabel('Tier');
$wobClass->setRewardsTier('Gold');
$wobClass->setAccountNameLabel('Member Name');
$wobClass->setAccountIdLabel('Member Id');
$wobClass->setLinksModuleData($linksModuleData);
$wobClass->setTextModulesData($textModulesData);
$wobClass->setImageModulesData($imagesModuleDataArr);
$wobClass->setMessages($messages);
$wobClass->setReviewStatus('underReview');
$wobClass->setMultipleDevicesAndHoldersAllowedStatus('multipleHolders');
$wobClass->setLocations($locations);
$service->loyaltyclass->insert($wobClass);
Python
loyalty_class = {
'accountIdLabel': 'Member Id',
'accountNameLabel': 'Member Name',
'multipleDevicesAndHoldersAllowedStatus': 'multipleHolders',
'id': '2945482443380251551.ExampleClass1',
'issuerName': 'Baconrista',
'kind': 'walletobjects#loyaltyClass',
'locations': [{
'kind': 'walletobjects#latLongPoint',
'latitude': 37.424015499999996,
'longitude': -122.09259560000001
},{
'kind': 'walletobjects#latLongPoint',
'latitude': 37.424354,
'longitude': -122.09508869999999
},{
'kind': 'walletobjects#latLongPoint',
'latitude': 37.7901435,
'longitude': -122.39026709999997
},{
'kind': 'walletobjects#latLongPoint',
'latitude': 40.7406578,
'longitude': -74.00208940000002
}],
'textModulesData': [{
'header': 'Rewards details',
'body': 'Welcome to Baconrista rewards. Enjoy your rewards for being a loyal customer. ' +
'10 points for ever dollar spent. Redeem your points for free coffee, bacon and more! '
}],
'linksModuleData': {
'uris': [
{
'kind': 'walletobjects#uri',
'uri': 'http://maps.google.com/map?q=google',
'description': 'Nearby Locations'
},{
'kind': 'walletobjects#uri',
'uri': 'tel:6505555555',
'description': 'Call Customer Service'
}]
},
'imageModulesData': [
{
'mainImage': {
'kind': 'walletobjects#image',
'sourceUri': {
'kind': 'walletobjects#uri',
'uri': 'http://farm4.staticflickr.com/3738/12440799783_3dc3c20606_b.jpg',
'description': 'Coffee beans'
}
}
}
],
'messages': [{
'header': 'Welcome to Banconrista Rewards!',
'body': 'Featuring our new bacon donuts.',
'kind': 'walletobjects#walletObjectMessage'
}],
'programLogo': {
'kind': 'walletobjects#image',
'sourceUri': {
'kind': 'walletobjects#uri',
'uri': 'http://farm8.staticflickr.com/7340/11177041185_a61a7f2139_o.jpg'
}
},
'programName': 'Baconrista Rewards',
'rewardsTier': 'Gold',
'rewardsTierLabel': 'Tier',
'reviewStatus': 'underReview',
}
api_request = service.loyaltyclass().insert(body=loyalty_class)
api_response = api_request.execute()
모든 LoyaltyClass 필드의 전체 목록은 LoyaltyClass 참조를 확인하세요.
2. 객체를 나타내는 JWT 생성
먼저 다음 스니펫에 표시된 대로 LoyaltyObject를 정의합니다.
리소스
{
"classId": "2945482443380251551.ExampleClass1",
"id": "2945482443380251551.ExampleObject1",
"accountId": "1234567890",
"accountName": "Jane Doe",
"barcode": {
"alternateText": "12345",
"type": "qrCode",
"value": "28343E3"
},
"textModulesData": [{
"header": "Jane's Baconrista Rewards",
"body": "Save more at your local Mountain View store Jane. " +
"You get 1 bacon fat latte for every 5 coffees purchased. " +
"Also just for you, 10% off all pastries in the Mountain View store."
}],
"linksModuleData": {
"uris": [
{
"kind": "walletobjects#uri",
"uri": "https://www.baconrista.com/myaccount?id=1234567890",
"description": "My Baconrista Account"
}]
},
"infoModuleData": {
"labelValueRows": [{
"columns": [{
"label": "Next Reward in",
"value": "2 coffees"
}, {
"label": "Member Since",
"value": "01/15/2013"
}]
}, {
"columns": [{
"label": "Local Store",
"value": "Mountain View"
}]
}],
"showLastUpdateTime": "true"
},
"loyaltyPoints": {
"balance": {
"string": "5000"
},
"label": "Points",
"pointsType": "points"
},
"messages": [{
"header": "Jane, welcome to Banconrista Rewards!",
"body": "Thanks for joining our program. Show this message to " +
"our barista for your first free coffee on us!"
}],
"state": "active"
}
자바
// Define Barcode
Barcode barcode = new Barcode().setType("qrCode")
.setValue("28343E3")
.setAlternateText("12345");
// Define Points
LoyaltyPoints points = new LoyaltyPoints()
.setLabel("Points")
.setPointsType("points")
.setBalance(new LoyaltyPointsBalance().setString("500"));
// Define Text Module Data
List<TextModuleData> textModulesData = new ArrayList<TextModuleData>();
TextModuleData textModuleData = new TextModuleData()
.setHeader("Jane's Baconrista Rewards")
.setBody(
"Save more at your local Mountain View store Jane. You get 1 bacon fat latte for every 5 coffees purchased. Also just for you, 10% off all pastries in the Mountain View store.");
textModulesData.add(textModuleData);
// Define Links Module Data
List<Uri> uris = new ArrayList<Uri>();
Uri uri1 = new Uri().setDescription("My Baconrista Account")
.setUri("http://www.baconrista.com/myaccount?id=1234567890");
uris.add(uri1);
LinksModuleData linksModuleData = new LinksModuleData().setUris(uris);
// Define Info Module
List<LabelValue> row0cols = new ArrayList<LabelValue>();
LabelValue row0col0 = new LabelValue().setLabel("Next Reward in")
.setValue("2 coffees");
LabelValue row0col1 = new LabelValue().setLabel("Member Since")
.setValue("01/15/2013");
row0cols.add(row0col0);
row0cols.add(row0col1);
List<LabelValue> row1cols = new ArrayList<LabelValue>();
LabelValue row1col0 = new LabelValue().setLabel("Local Store")
.setValue("Mountain View");
row1cols.add(row1col0);
List<LabelValueRow> rows = new ArrayList<LabelValueRow>();
LabelValueRow row0 = new LabelValueRow().setColumns(row0cols);
LabelValueRow row1 = new LabelValueRow().setColumns(row1cols);
rows.add(row0);
rows.add(row1);
InfoModuleData infoModuleData = new InfoModuleData()
.setShowLastUpdateTime(true)
.setLabelValueRows(rows);
// Define general messages
List<Message> messages = new ArrayList<Message>();
Message message = new Message()
.setHeader("Hi Jane!")
.setBody("Thanks for joining our program. Show this message to " +
"our barista for your first free coffee on us!");
messages.add(message);
// Define Wallet Instance
LoyaltyObject object = new LoyaltyObject()
.setClassId('2945482443380251551.ExampleClass1').setId('2945482443380251551.ExampleObject1')
.setState("active").setBarcode(barcode).setInfoModuleData(infoModuleData)
.setAccountName("Jane Doe").setTextModulesData(textModulesData)
.setMessages(messages).setLinksModuleData(linksModuleData)
.setAccountId("1234567890").setLoyaltyPoints(points);
PHP
$barcode = new Google_Service_Walletobjects_Barcode();
$barcode->setAlternateText('12345');
$barcode->setType('qrCode');
$barcode->setValue('28343E3');
// Define text module data.
$textModulesData = array(
array(
'header' => 'Janes Baconrista Rewards',
'body' => 'Save more at your local Mountain View store Jane. ' .
'You get 1 bacon fat latte for every 5 coffees purchased. ' .
'Also just for you, 10% off all pastries in the Mountain View store.'
)
);
// Define links module data.
$linksModuleData = new Google_Service_Walletobjects_LinksModuleData();
$uris = array (
array(
'uri' => 'http://www.baconrista.com/myaccount?id=1234567890',
'kind' => 'walletobjecs#uri',
'description' => 'My Baconrista Account'
)
);
$linksModuleData->setUris($uris);
// Define label values.
$labelValueRows = array(
array(
'columns' => array(
array(
'label' => 'Next Reward in',
'value' => '2 coffees'
), array(
'label' => 'Member Since',
'value' => '01/15/2013'
)
)
),
array(
'columns' => array(
array(
'label' => 'Local Store',
'value' => 'Mountain View'
)
)
)
);
// Define info module data.
$infoModuleData = new Google_Service_Walletobjects_InfoModuleData();
$infoModuleData->setShowLastUpdateTime(true);
$infoModuleData->setLabelValueRows($labelValueRows);
// Messages to be displayed.
$messages = array(array(
'header' => 'Jane, welcome to Banconrista Rewards!',
'body' => 'Thanks for joining our program. Show this message to '.
'our barista for your first free coffee on us!',
'kind' => 'walletobjects#walletObjectMessage'
));
// Reward points a user has.
$points = new Google_Service_Walletobjects_LoyaltyPoints();
$balance = new Google_Service_Walletobjects_LoyaltyPointsBalance();
$balance->setString('500');
$points->setBalance($balance);
$points->setLabel('Points');
$points->setPointsType('points');
// Create wallet object.
$wobObject = new Google_Service_Walletobjects_LoyaltyObject();
$wobObject->setClassId('2945482443380251551.ExampleClass1');
$wobObject->setId('2945482443380251551.ExampleObject1');
$wobObject->setState('active');
$wobObject->setBarcode($barcode);
$wobObject->setInfoModuleData($infoModuleData);
$wobObject->setLinksModuleData($linksModuleData);
$wobObject->setTextModulesData($textModulesData);
$wobObject->setAccountName('Jane Doe');
$wobObject->setAccountId('1234567890');
$wobObject->setLoyaltyPoints($points);
$wobObject->setMessages($messages);
Python
loyalty_object = {
'classId' : '2945482443380251551.ExampleClass1',
'id' : '2945482443380251551.ExampleObject1',
'accountId': '1234567890',
'accountName': 'Jane Doe',
'barcode': {
'alternateText' : '12345',
'type' : 'qrCode',
'value' : '28343E3'
},
'textModulesData': [{
'header': 'Jane\'s Baconrista Rewards',
'body': 'Save more at your local Mountain View store Jane. ' +
' You get 1 bacon fat latte for every 5 coffees purchased. ' +
'Also just for you, 10% off all pastries in the Mountain View store.'
}],
'linksModuleData': {
'uris': [
{
'kind': 'walletobjects#uri',
'uri': 'http://www.baconrista.com/myaccount?id=1234567890',
'description': 'My Baconrista Account'
}]
},
'infoModuleData': {
'labelValueRows': [{
'columns': [{
'label': 'Next Reward in',
'value': '2 coffees'
}, {
'label': 'Member Since',
'value': '01/15/2013'
}]
},{
'columns': [{
'label': 'Local Store',
'value': 'Mountain View'
}]
}],
'showLastUpdateTime': 'true'
},
'messages': [{
'header': 'Jane, welcome to Banconrista Rewards',
'body': 'Thanks for joining our program. Show this message to ' +
'our barista for your first free coffee on us!',
'kind': 'walletobjects#walletObjectMessage'
}],
'loyaltyPoints': {
'balance': {
'string': '500'
},
'label': 'Points',
'pointsType': 'points'
},
'state': 'active'
}
OAuth 2.0 서비스 계정 비공개 키를 사용하여 LoyaltyObject를 JWT로 인코딩합니다. 다음 스니펫은 JWT를 다양한 언어로 인코딩하는 방법을 보여줍니다. 프로토콜 탭에는 인코딩되지 않은 JWT가 표시됩니다. JWT의 필드에 대한 설명은 Google Pay API for Passes JWT를 참조하세요.
프로토콜
{
"iss": "example_service_account@developer.gserviceaccount.com",
"aud": "google",
"typ": "savetoandroidpay",
"iat": 1368029586,
"payload": {
"eventTicketClasses": [{
... //Event ticket Class JSON
}],
"eventTicketObjects": [{
... //Event ticket Object JSON
}],
"flightClasses": [{
... //Flight Class JSON
}],
"flightObjects": [{
... //Flight Object JSON
}],
"giftCardClasses": [{
... //Gift card Class JSON
}],
"giftCardObjects": [{
... //Gift card Object JSON
}],
"loyaltyClasses": [{
... //Loyalty Class JSON
}],
"loyaltyObjects": [{
... //Loyalty Object JSON
}],
"offerClasses": [{
... //Offer Class JSON
}],
"offerObjects": [{
... //Offer Object JSON
}],
"transitClasses": [{
... //Transit Class JSON
}],
"transitObjects": [{
... //Transit Object JSON
}]
},
"origins": ["http://baconrista.com", "https://baconrista.com"]
}
자바
WobCredentials credentials = null;
WobUtils utils = null;
// Instantiate the WobUtils class which contains handy functions
// Wob utils can be found in the quickstart sample
try {
credentials = new WobCredentials(
ServiceAccountEmailAddress,
ServiceAccountPrivateKeyPath,
ApplicationName,
IssuerId);
utils = new WobUtils(credentials);
} catch (GeneralSecurityException e) {
e.printStackTrace();
} catch (IOException e) {
e.printStackTrace();
}
// Add valid domains for the Save to Wallet button
List<String> origins = new ArrayList<String>();
origins.add("http://baconrista.com");
origins.add("https://baconrista.com");
origins.add(req.getScheme() + "://" + req.getServerName() + ":" + req.getLocalPort());
//Generate Objects and Classes here
//........
WobPayload payload = new WobPayload();
payload.addObject({WalletObject/WalletClass});
// Convert the object into a Save to Android Pay Jwt
String jwt = null;
try {
jwt = utils.generateSaveJwt(payload, origins);
} catch (SignatureException e) {
e.printStackTrace();
}
PHP
$requestBody = [
"iss"=> SERVICE_ACCOUNT_EMAIL_ADDRESS,
"aud" => "google",
"typ" => "savetoandroidpay",
"iat"=> time(),
"payload" => {
"eventTicketClasses" => [ ], # Event ticket classes
"eventTicketObjects" => [ ], # Event ticket objects
"flightClasses" => [ ], # Flight classes
"flightObjects" => [ ], # Flight objects
"giftCardClasses" => [ ], # Gift card classes
"giftCardObjects" => [ ], # Gift card objects
"loyaltyClasses" => [ ], # Loyalty classes
"loyaltyObjects" => [ ], # Loyalty objects
"offerClasses" => [ ], # Offer classes
"offerObjects" => [ ], # Offer objects
"transitClasses" => [ ], # Transit classes
"transitObjects" => [ ] # Transit objects
},
"origins" => ["http://baconrista.com", "https://baconrista.com"]
]
// Generate the Save to Android Pay Jwt
echo $jwt = $assertObj->makeSignedJwt($requestBody, $client);
Python
jwt = {
'iss': config.SERVICE_ACCOUNT_EMAIL_ADDRESS,
'aud': 'google',
'typ': 'savetoandroidpay',
'iat': int(time.time()),
'payload': {
'webserviceResponse': {
'result': 'approved',
'message': 'Success.'
},
'eventTicketClasses': [], # Event ticket classes
'eventTicketObjects': [], # Event ticket objects
'flightClasses': [], # Flight classes
'flightObjects': [], # Flight objects
'giftCardClasses': [], # Gift card classes
'giftCardObjects': [], # Gift card objects
'loyaltyClasses': [], # Loyalty classes
'loyaltyObjects': [], # Loyalty objects
'offerClasses': [], # Offer classes
'offerObjects': [], # Offer objects
'transitClasses': [], # Transit classes
'transitObjects': [] # Transit objects
},
'origins' : ['http://baconrista.com', 'https://baconrista.com']
}
// Generate the Save to Android Pay Jwt
signer = crypt.Signer.from_string(app_key)
signed_jwt = crypt.make_signed_jwt(signer, jwt)
response = webapp2.Response(signed_jwt)
인코딩된 JWT의 안전한 길이는 1,800자이므로 JWT를 이 한도 미만으로 유지해야 합니다. 길이가 1,800자를 넘으면 웹브라우저에서 잘린 상태로 표시되어 저장 기능이 작동하지 않을 수 있습니다. JWT로 인코딩된 객체의 크기는 작아야 하며 사용자별 데이터만 포함해야 합니다. JWT를 만들기 전에 객체 클래스에 대부분의 데이터를 보관합니다. 한도에 맞지 않는 큰 객체의 경우 REST API를 사용하여 객체를 만들고 JWT에서 객체 ID만 보내보세요.
3. Google Pay에 저장 버튼 추가
Google Pay에 저장 버튼을 표시하려는 페이지에 다음 스크립트를 포함합니다.
<script src="https://apis.google.com/js/platform.js" type="text/javascript"></script>
그런 다음 Google Pay에 저장 버튼의 위치와 속성을 정의하는 g:savetoandroidpay 네임스페이스 태그를 삽입합니다. 이전에 생성한 JWT도 포함하세요.
<g:savetoandroidpay jwt="{jwt_generated}" onsuccess="successHandler"
onfailure="failureHandler" size="small" theme="light" ></g:savetoandroidpay>
이제 웹페이지에 Google Pay에 저장 버튼이 표시됩니다.
자바스크립트 웹 버튼에 대한 자세한 내용은 Web API를 위한 Google Pay API for Passes 참조 문서를 확인하세요.