Wiki source code of Public Shop API

Version 5.1 by Shop Team on 2019/07/18 08:08

Show last authors
1 = Preface =
2
3 Spreadshirt provides several ways to offer an online shop experience to your customers:
4
5 1. The standalone Spreadshop ([[this>>url:https://shop.spreadshirt.com/SpreadShop||shape="rect"]], for example). This application is officially developed, hosted and maintained by Spreadshirt. Running a Spreadshop requires zero technical skills and is always the recommended approach.
6 1. JavaScript integration (described [[here>>url:https://help.spreadshirt.com/hc/en-us/articles/207487815-Website-Integration-with-JavaScript||shape="rect"]]). If you have an existing website, you can embed a piece of JavaScript into it that manipulates your website in order to embed the Spreadshop into your site. This requires a decent understanding of HTML and CSS in order to resolve any conflicts between your site and the Spreadshop that may arise.
7 1. CMS plugins for [[WordPress>>url:https://wordpress.org/plugins/spreadshop/#developers||shape="rect"]] and others (currently just [[Joomla>>url:https://extensions.joomla.org/extension/spreadshop/||shape="rect"]]) that embed the JavaScript snippet mentioned in (2.) for you. If you run a website based on such CMS, these plugins can make your life a bit easier. An understanding of HTML and CSS is nonetheless important.
8 1. An independent, custom built web application based on the **Public Shop API** described in this document. This interface is for web developers only (or people who can afford to hire one). Going for this approach is only feasible for people who have a solid understanding of server side & client side programming, HTTP, HTML and CSS.
9
10 = Prerequisites =
11
12 The **Public Shop API** only works for shops that are based on the (new) Partner Area, not for legacy User Area-based shops. On top of that, an API key is required.
13 Note that not only the content you upload in the Partner Area, but also the shop settings affect the output of the **Public Shop API**. For example, enabling model images affects the image URLs returned by the API.
14
15 = Terminology =
16
17 Partner Area shops are not based on the old domain entities **articles** and **products** anymore. Instead, they are based on **ideas** and **sellables** (sic!).
18
19 * an **idea** represents an image you uploaded in the Partner Area that you gave a name and added other meta data to. In the Partner Area this is loosely referred to as a **design**.
20 * a **sellable** is a representation of an **idea** printed on a **product type**. Depending on the product range selected in the Partner Area, one **idea** might have 100+ **sellables** associated with it.
21
22 A **sellable** is thus something concrete that a customer can buy, while an **idea** represents a grouping of content mainly intended to make administration easier.
23
24 = Changelog =
25
26 * 22 July 2019: 1.0
27 ** The field **previewImage** as well as the content of the **images** array have been changed from strings to objects. These objects now contain information about the image type.
28 ** Introduced a **legacy article mapping resource**.
29 * 27 June 2019: Beta
30 ** Beta release with request for feedback
31
32 = REST Resources =
33
34 == Base URLs ==
35
36 As always, use [[https:~~/~~/api.spreadshirt.com>>url:https://api.spreadshirt.com||shape="rect"]] if your shop is based on the North American Spreadshirt platform or use [[https:~~/~~/api.spreadshirt.net>>url:https://api.spreadshirt.net||shape="rect"]] if your shop runs on the European platform.
37
38 == Authentication ==
39
40 Please provide your API key as described [[here>>doc:Security]]. A signature or sessionId is not required.
41 Remember to set a user agent header naming your application and including its version. Example: "MyApp-1.0"
42
43 == Client / Server ==
44
45 All requests to the *Public Shop API* should be made from your server and not from the browser. This allows you to leverage caching, avoids CORS policy interference and keeps your API key secure.
46
47 == List Resource ==
48
49 \\
50
51 {{code title="Request"}}
52 GET {baseUrl}/api/v1/shops/{shopId}/sellables?page=0
53
54 {{/code}}
55
56 \\
57
58 Returns a paginated list of the shop's sellables in a format like this:
59
60 {{code language="js" title="Response Payload"}}
61 {
62 "count" : 473,
63 "limit" : 48,
64 "offset" : 0,
65 "sellables" :
66 [
67 {
68 "sellableId" : "74bYwmw5a3tXgyZpnw7j-812-7",
69 "ideaId" : "5c7e78f95fd3e45786249fb0",
70 "productTypeId" : "812",
71 "price" :
72 {
73 "amount" : 21.99,
74 "currencyId" : "1"
75 },
76 "name" : "Boss in black",
77 "description" : "Be your own boss in black and printed by real people in black!",
78 "tags" :
79 [
80 "Fanwear",
81 "SpreadShop",
82 "Awesome"
83 ],
84 "previewImage" :
85 {
86 "url" : "https://image.spreadshirtmedia.net/image-server/v1/products/T812A1PA3811PT17X49Y84D142648902FS2951PA3813PT17X60Y17D142648934FS2706/views/1,width=500,height=500,appearanceId=1,crop=list,modelId=85,version=1554885779/be-your-own-boss-in-black-and-printed-by-real-people-in-black.jpg",
87 "type" : "MODEL"
88 },
89 "appearanceIds" :
90 [
91 "411",
92 "645",
93 "649",
94 "1",
95 "366",
96 "92",
97 "39",
98 "231",
99 "317",
100 "3",
101 "29",
102 "328"
103 ],
104 "defaultAppearanceId" : "1"
105 },
106 // more sellables
107 ]
108 }
109 {{/code}}
110
111 The fields are to be interpreted as follows:
112
113 |=(((
114 Field name
115 )))|=(((
116 Meaning
117 )))
118 |(((
119 sellableId
120 )))|(((
121 Unique identifier for the sellable. Necessary to query the detail resource mentioned below as well as for the add-to-basket request.
122 )))
123 |(((
124 ideaId
125 )))|(((
126 Identifies the uploaded design. Necessary to query the detail resource but also useful to group content by design if desired.
127 )))
128 |(((
129 productTypeId
130 )))|(((
131 Identifies the 'type of garment' used. Can be used to lookup additional meta data from the product type resources described [[here>>doc:Inventory Resources]].
132 )))
133 |(((
134 price
135 )))|(((
136 Always in the currency of the shop. Check [[this>>doc:Price Formatting Guide]] for hints on how to format the price in a user-friendly way.
137 )))
138 |(((
139 name
140 )))|(((
141 The text you entered in the Partner Area.
142 )))
143 |(((
144 description
145 )))|(((
146 The text you entered in the Partner Area (optional).
147 )))
148 |(((
149 tags
150 )))|(((
151 The text you entered in the Partner Area (optional).
152 )))
153 |(((
154 previewImage
155 )))|(((
156 An image we deem best suited to represent the sellable on a list page.
157 )))
158 |(((
159 previewImage.url
160 )))|(((
161 The image url you can embed directly into your page.
162 )))
163 |(((
164 previewImage.type
165 )))|(((
166 Describes the type of image available from the url using one of the following values: PRODUCT, DESIGN, MODEL, ALTERNATIVE_MODEL.
167 )))
168 |(% colspan="1" %)(% colspan="1" %)
169 (((
170 appearanceIds
171 )))|(% colspan="1" %)(% colspan="1" %)
172 (((
173 The 'colors' a sellable currently has available for purchase. If you need more information on the colors, the product type resource [[here>>doc:Inventory Resources]] is useful.
174 )))
175 |(% colspan="1" %)(% colspan="1" %)
176 (((
177 defaultAppearanceId
178 )))|(% colspan="1" %)(% colspan="1" %)
179 (((
180 The default 'color' you can set in the Partner Area. This is the color the previewImage is in. It also provides a good starting point when linking to a detail page.
181 )))
182
183
184 Implementation remarks: For advanced implementations, it is usually best to import the content of the sellable list into your own data base in regular intervals (for example once every 24h).
185 This allows you to implement a custom navigation structure, filters, etc. according to your needs.
186
187 == Detail Resource ==
188
189 {{code title="Request"}}
190 GET {baseUrl}/api/v1/shops/{shopId}/sellables/{sellableId}?appearanceId={appearanceId}&ideaId={ideaId}
191
192 {{/code}}
193
194 Returns detailed information on a specific sellable in a specific appearance in a format like this:
195
196 {{code language="js" title="Response Payload"}}
197 {
198 "sizeIds" :
199 [
200 "2",
201 "3",
202 "4",
203 "5",
204 "6",
205 "38",
206 "94",
207 "102"
208 ],
209 "images" :
210 [
211 {
212 "url" : "https://image.spreadshirtmedia.net/image-server/v1/products/T812A1PA3811PT17X49Y84D142648902FS2951PA3813PT17X60Y17D142648934FS2706/views/1,width=650,height=650,appearanceId=411,crop=detail,modelId=85,version=1554885779/be-your-own-boss-in-black-and-printed-by-real-people-in-black.jpg",
213 "type" : "MODEL"
214 },
215 {
216 "url" : "https://image.spreadshirtmedia.net/image-server/v1/products/T812A1PA3811PT17X49Y84D142648902FS2951PA3813PT17X60Y17D142648934FS2706/views/2,width=650,height=650,appearanceId=411,crop=detail,modelId=91,version=1554885805/be-your-own-boss-in-black-and-printed-by-real-people-in-black.jpg",
217 "type" : "MODEL"
218 },
219 {
220 "url" : "https://image.spreadshirtmedia.net/image-server/v1/compositions/T812A1PA3811PT17X49Y84D142648902FS2951PA3813PT17X60Y17D142648934FS2706/views/1,width=650,height=650,appearanceId=411/be-your-own-boss-in-black-and-printed-by-real-people-in-black.jpg",
221 "type" : "DESIGN"
222 },
223 {
224 "url" : "https://image.spreadshirtmedia.net/image-server/v1/compositions/T812A1PA3811PT17X49Y84D142648902FS2951PA3813PT17X60Y17D142648934FS2706/views/2,width=650,height=650,appearanceId=411/be-your-own-boss-in-black-and-printed-by-real-people-in-black.jpg",
225 "type" : "DESIGN"
226 },
227 {
228 "url" : "https://image.spreadshirtmedia.net/image-server/v1/products/T812A1PA3811PT17X49Y84D142648902FS2951PA3813PT17X60Y17D142648934FS2706/views/3,width=650,height=650,appearanceId=411/be-your-own-boss-in-black-and-printed-by-real-people-in-black.jpg",
229 "type" : "PRODUCT"
230 },
231 {
232 "url" : "https://image.spreadshirtmedia.net/image-server/v1/products/T812A1PA3811PT17X49Y84D142648902FS2951PA3813PT17X60Y17D142648934FS2706/views/4,width=650,height=650,appearanceId=411/be-your-own-boss-in-black-and-printed-by-real-people-in-black.jpg",
233 "type" : "PRODUCT"
234 },
235 {
236 "url" : "https://image.spreadshirtmedia.net/image-server/v1/products/T812A1PA3811PT17X49Y84D142648902FS2951PA3813PT17X60Y17D142648934FS2706/views/1,width=650,height=650,appearanceId=411,crop=detail,modelId=1111,version=1554884899/be-your-own-boss-in-black-and-printed-by-real-people-in-black.jpg",
237 "type" : "ALTERNATIVE_MODEL"
238 }
239 ],
240 "sellableId" : "74bYwmw5a3tXgyZpnw7j-812-7",
241 "ideaId" : "5c7e78f95fd3e45786249fb0",
242 "productTypeId" : "812",
243 "price" :
244 {
245 "amount" : 21.99,
246 "currencyId" : "1"
247 },
248 "name" : "Boss in black",
249 "description" : "Be your own boss in black and printed by real people in black!",
250 "tags" :
251 [
252 "Fanwear",
253 "SpreadShop",
254 "Awesome"
255 ],
256 "previewImage" :
257 {
258 "url" : "https://image.spreadshirtmedia.net/image-server/v1/products/T812A1PA3811PT17X49Y84D142648902FS2951PA3813PT17X60Y17D142648934FS2706/views/1,width=500,height=500,appearanceId=1,crop=list,modelId=85,version=1554885779/be-your-own-boss-in-black-and-printed-by-real-people-in-black.jpg",
259 "type" : "MODEL"
260 },
261 "appearanceIds" :
262 [
263 "411",
264 "645",
265 "649",
266 "1",
267 "366",
268 "92",
269 "39",
270 "231",
271 "317",
272 "3",
273 "29",
274 "328"
275 ],
276 "defaultAppearanceId" : "1"
277 }
278 {{/code}}
279
280 \\
281
282 Most of the fields are exactly the same as in the list resource and have the same semantics. Two additional fields are included:
283
284 |=(((
285 Field name
286 )))|=(((
287 Meaning
288 )))
289 |(((
290 sizeIds
291 )))|(((
292 Describes the sizes available for purchase for the sellable in this appearance. For more information on sizes, check the product type resource [[here>>doc:Inventory Resources]].
293 )))
294 |(((
295 images
296 )))|(((
297 A number of images giving an adequate overview over the sellable and it's properties in this appearance when displayed (ordered from most important to least important image). The exact number and shape of the images depend on your shop settings and the specifications you set when uploading the design. This object has the same structure as **previewImage** (mentioned in the list resource section).
298 )))
299
300
301 Implementation remarks: It is not feasible to import these detail resources into your own data base (because the number of entries can skyrocket quickly).
302 Instead, it is recommended to request the API dynamically in an ad-hoc manner once a customer visits a detail page.
303
304 == Basket resources ==
305
306 The [[basket resources>>doc:Basket Resources]] generally still work as they used to. However, keep in mind that a sellable is a new domain entity and hence different from products and articles.
307 To put a sellable into a basket, use this payload fragment instead:
308
309 {{code language="xml" title="Payload Fragment"}}
310 <element id="MLorqlGGrLhljORQ7old-1007-22" type="sprd:sellable">
311 <properties>
312 <property key="appearance">539</property>
313 <property key="size">3</property>
314 </properties>
315 <shop id="100229382" href="https://api.spreadshirt.net/api/v1/shops/100229382"/>
316 </element>
317 {{/code}}
318
319
320 Note that the **type** property needs a different constant now and a **shop** tag needs to be sent as well.
321
322 == Legacy article mapping resource ==
323
324 If your shop was subject to a migration from the old model (that was based on articles and was accessible through the User Area), you may still have deeplinks or internal data structures referencing these now-gone articles.
325 To ease the transition phase, we provide the following resource that allows you to find the corresponding sellable your article was migrated to:
326
327 {{code title="Request"}}
328 GET {baseUrl}/api/v1/shops/{shopId}/sellables/findForArticle?articleId={articleId}
329
330 {{/code}}
331
332
333 The response contains the identifiers necessary to make the connection between old and new domain entities.
334
335 {{code language="js" title="Response Payload"}}
336 {
337 "ideaId": "5d0a19935fd3e41d7dd6900f",
338 "productTypeId": "725",
339 "sellableId": "R43XoE5rBATzxQnRNykG-725-9"
340 }
341 {{/code}}
342
343 == Code example ==
344
345 There is an example integration of this API available [[here>>url:https://github.com/spreadshirt/shop-api-example-integration||shape="rect"]].
346 It shows a draft of a shop system written in php that might be helpful to understand the (list-page -> detail-page -> add-to-basket) workflow.