{"id":7453,"date":"2023-04-18T08:22:40","date_gmt":"2023-04-18T06:22:40","guid":{"rendered":"http:\/\/www.unimedia.tech.mialias.net\/entendre-la-integracio-dangular-15-i-stripe\/"},"modified":"2024-01-09T17:19:27","modified_gmt":"2024-01-09T16:19:27","slug":"entendre-la-integracio-dangular-15-i-stripe","status":"publish","type":"post","link":"https:\/\/www.unimedia.tech\/ca\/entendre-la-integracio-dangular-15-i-stripe\/","title":{"rendered":"Entendre la integraci\u00f3 d’Angular 15 i Stripe"},"content":{"rendered":" \n

Angular va llan\u00e7ar la seva versi\u00f3 n\u00famero 15 el novembre de 2022 i una versi\u00f3 15.2 aquest febrer.<\/p> \n \n

La nova versi\u00f3<\/a> inclou grans caracter\u00edstiques: Components aut\u00f2noms<\/strong>, Image Directive, entre altres millores a tot el seu ecosistema i comunitat.<\/p> \n \n

Una nova versi\u00f3 d’Angular<\/h2> \n \n

Angular llan\u00e7a la seva 15a versi\u00f3 i aix\u00f2 ja \u00e9s normal dins el seu ecosistema, ja que cada sis mesos hi ha una versi\u00f3 amb millores, actualitzacions i noves funcionalitats per crear aplicacions m\u00e9s potents.<\/p> \n \n

Aix\u00f2 no hauria de causar cap preocupaci\u00f3 si teniu projectes Angular amb qualsevol altra versi\u00f3. No importa en quina versi\u00f3 esteu treballant, simplement podeu fer clic al bot\u00f3 d’actualitzaci\u00f3 i continuar treballant sense cap problema.<\/p> \n \n

Com puc actualitzar Angular?<\/h2> \n \n

Angular ha facilitat molt la feina d’actualitzaci\u00f3 i nom\u00e9s cal que executeu l’ordre ng update per actualitzar.<\/p> \n \n

Tingueu en compte que ho heu de fer gradualment. \u00c9s a dir, si esteu treballant en un projecte a Angular amb la versi\u00f3 13, primer heu d’actualitzar a la versi\u00f3 14 i despr\u00e9s a la versi\u00f3 15, per fer-ho executeu l’ordre indicant la versi\u00f3 que voleu actualitzar.<\/p> \n \n

Si voleu m\u00e9s detalls podeu anar a la p\u00e0gina oficial d’Angular, on indiqueu la versi\u00f3 en qu\u00e8 us trobeu i a quina voleu actualitzar. All\u00e0 teniu m\u00e9s detalls sobre com fer-ho, per\u00f2, el 99% del treball ja est\u00e0 fet amb l’ordre ng update<\/em> .<\/p> \n \n

Qu\u00e8 hi ha de nou a la versi\u00f3 15 d’Angular?<\/h2> \n \n

Hem de recordar que Angular \u00e9s tota una plataforma que ens permet utilitzar diverses eines per construir aplicacions potents, per tant, quan hi ha una nova versi\u00f3 els canvis i noves caracter\u00edstiques provenen de molts dels seus paquets.<\/p> \n \n

Aplicacions sense m\u00f2duls<\/h3> \n \n

Components aut\u00f2noms<\/strong> \u00e9s una de les innovacions m\u00e9s importants. Es tracta de desenvolupar aplicacions sense necessitat de m\u00f2duls.<\/p> \n \n

Un dels objectius d’Angular \u00e9s minimitzar la corba d’aprenentatge de les persones noves que aprenen aquest marc i els m\u00f2duls \u00e9s un dels conceptes dif\u00edcils d’entendre al principi. Com que la versi\u00f3 14 ja havia llan\u00e7at una versi\u00f3 preliminar dels components aut\u00f2noms, ara tenim una API m\u00e9s robusta per donar-hi suport. Per exemple, amb un sol fitxer podr\u00edeu executar una aplicaci\u00f3 Angular sense utilitzar m\u00f2duls.<\/p> \n \n

Aix\u00f2 no vol dir que els m\u00f2duls ja no es faran servir. M\u00e9s aviat, ara teniu la possibilitat de gestionar ambdues estructures. I, a m\u00e9s, Angular \u00e9s retrocompatible, \u00e9s a dir, aquesta nova forma \u00e9s opcional, si voleu seguir treballant amb m\u00f2duls podeu continuar fent-ho o fins i tot disposar d’h\u00edbrids de m\u00f2duls i Components Aut\u00f2noms.<\/p> \n \n

C\u00e0rrega mandrosa de components<\/h3> \n \n

Quan voleu implementar el patr\u00f3 Lazy Loading ho feu mitjan\u00e7ant un m\u00f2dul; per\u00f2, ara gr\u00e0cies a Standalone Components ho podr\u00e0s fer directament en components i no cal que resolguis la promesa d’importaci\u00f3 din\u00e0mica, es fa autom\u00e0ticament.<\/p> \n \n

C\u00e0rrega de la imatge millorada<\/h3> \n \n

Una altra novetat \u00e9s que tenim una nova directiva a Angular per millorar la c\u00e0rrega d’imatges i aix\u00ed reduir els temps de c\u00e0rrega en un lloc web. Per exemple, tenim un lloc de prova que triga 4 segons a carregar una imatge; aplicant la nova directiva caldria menys temps.<\/p> \n \n

Per utilitzar-lo, tot el que heu de fer \u00e9s importar el m\u00f2dul NgOptimizedImage<\/em> on voleu utilitzar-lo i despr\u00e9s utilitzar l’attr ngSrc<\/em> a les vostres imatges.<\/p> \n \n

Un exemple de l’impacte d’aquesta directiva \u00e9s el lloc de comer\u00e7 electr\u00f2nic Land’s End. Com que utilitza moltes imatges, despr\u00e9s d’aplicar aquesta funci\u00f3, va veure una millora del 75% en els temps de c\u00e0rrega del lloc, segons l’informe del far.<\/p> \n \n

Format d’error millorat<\/h3> \n \n

La depuraci\u00f3 \u00e9s una de les tasques principals d’un desenvolupador web i Angular sempre ha estat per davant de la corba en oferir-nos millors eines per analitzar errors. Ara teniu una manera m\u00e9s completa de saber com i per qu\u00e8 s’ha produ\u00eft un error, amb un format m\u00e9s clar.<\/p> \n \n

Ara a la versi\u00f3 15 els errors s\u00f3n petits, amb informaci\u00f3 rellevant i t’indica on es produeix l’error amb m\u00e9s precisi\u00f3.<\/p> \n \n

Material angular alineat amb Material Design 3<\/h3> \n \n

Angular Material \u00e9s un d’aquests paquets que podeu utilitzar o no a Angular, recordeu que trieu quines parts del framework utilitzareu. En aquest cas, Angular Material seria una biblioteca de components amb un estil visual seguint el sistema de disseny Material Design de Google per a aplicacions i van llan\u00e7ar la versi\u00f3 n\u00famero 3 d’aquest sistema de disseny.<\/p> \n \n

Qu\u00e8 canvia en aquesta versi\u00f3? Precisament, Google est\u00e0 fent una actualitzaci\u00f3 del seu sistema de disseny i com a part d’aquest llan\u00e7ament eines per a Android, Flutter i Web on \u00e9s m\u00e9s f\u00e0cil d’implementar i seguir les seves directrius.<\/p> \n \n

Ara, l’equip de Material Angular utilitzar\u00e0 aquestes eines de disseny de materials directament, facilitant el manteniment i la implementaci\u00f3 del sistema de disseny de manera m\u00e9s fidel.<\/p> \n \n

Si utilitzeu Angular Material i voleu actualitzar a la versi\u00f3 15 si heu de fer passos addicionals, ja que aquest canvi modificar\u00e0 la manera de treballar amb Angular Material per\u00f2 Angular sempre pensa en vosaltres i podeu fer aquesta migraci\u00f3 amb les ordres.<\/p> \n \n

Tamb\u00e9 \u00e9s nou en aquesta nova versi\u00f3 el suport per al component mat-slider amb rangs.<\/p> \n \n

Nova utilitat a Angular CDK<\/h3> \n \n

L’Angular CDK \u00e9s un conjunt d’eines per a comportaments de la interf\u00edcie d’usuari que s\u00f3n ag\u00f2nics per a l’estil visual, el que significa que podeu estalviar moltes l\u00ednies de codi fent comportaments com arrossegar i deixar anar, modals, superposicions, per\u00f2 afegiu el vostre propi estil visual.<\/p> \n \n

Un exemple d’aix\u00f2 \u00e9s utilitzar l’Angular CDK + TailwindCSS per crear una interf\u00edcie com trello.<\/p> \n \n

I aquesta nova versi\u00f3 inclou un nou comportament de CDK Listbox.<\/p> \n \n

En utilitzar @angular\/cdk\/listbox<\/em> , obteniu tots els comportaments esperats d’una llista, inclosa l’accessibilitat, la interacci\u00f3 del teclat, la gesti\u00f3 del focus, etc.<\/p> \n \n

Construcci\u00f3 m\u00e9s r\u00e0pida amb ESBuild<\/h3> \n \n

En aquesta versi\u00f3 milloren el suport per a ESBuild, un paquet que est\u00e0 escrit a GO i que seria el reempla\u00e7ament de Webpack. Amb aix\u00f2, executar ordres com ng build<\/em> triga menys temps i fins i tot podeu carregar en directe amb ng build –watch<\/em> .<\/p> \n \n

A la versi\u00f3 14 es va publicar una versi\u00f3 pr\u00e8via, aquesta versi\u00f3 ja inclou el proc\u00e9s d’embalatge amb aquesta eina i inclou el processament de fitxers sass, svg i fileReplacement.<\/p> \n \n

Menys fitxers <\/h3> \n \n

Quan inicieu un nou projecte a Angular, notareu que hi ha una difer\u00e8ncia notable amb la disminuci\u00f3 del nombre de fitxers.<\/p> \n \n

Qu\u00e8 passa amb els fitxers que desapareixen? Angular gestiona aquestes configuracions al backend i algunes d’elles desapareixen i d’altres haureu d’habilitar-les si realment les feu servir.<\/p> \n \n

Per exemple, ja no trobareu la carpeta d’entorns<\/em> si realment necessiteu gestionar els entorns i col\u00b7locar-hi les claus, llavors habiliteu el fitxer manualment. No us preocupeu si ja heu gestionat els fitxers amb una configuraci\u00f3 personalitzada, Angular els conservar\u00e0.<\/p> \n \n

Trieu la vostra eina de prova per a e2e<\/h3> \n \n

Angular recentment ha desaprovat el Protractor com a eina per escriure proves e2e. Llavors, qu\u00e8 utilitzar? Hi ha eines a la ind\u00fastria que estan fent un gran treball per a aquest tipus de proves i ara Angular us ofereix la possibilitat de triar amb quina voleu treballar quan executeu l’ordre ng e2e<\/em> .<\/p> \n \n

Beneficis de la integraci\u00f3 Angular 15 i Stripe<\/h2> \n \n

Stripe \u00e9s una plataforma de pagament en l\u00ednia que permet a les empreses processar transaccions de manera segura i eficient. La integraci\u00f3 de Stripe en una aplicaci\u00f3 Angular pot proporcionar una \u00e0mplia gamma d’avantatges per als usuaris i els propietaris d’empreses.<\/p> \n \n

Aquests s\u00f3n els avantatges d’integrar Stripe Integration en una aplicaci\u00f3 desenvolupada per Angular 15.<\/p> \n \n

Processament de pagaments segur<\/h3> \n \n

Stripe \u00e9s una plataforma de pagament de confian\u00e7a que utilitza els est\u00e0ndards de seguretat m\u00e9s alts del sector per protegir la informaci\u00f3 de pagament dels usuaris. En incorporar Stripe a una aplicaci\u00f3 Angular, els usuaris poden estar segurs que les seves dades de pagament estaran protegides i no es compartiran amb tercers. Aix\u00f2 pot augmentar la confian\u00e7a dels usuaris en l’aplicaci\u00f3 i la marca que hi ha darrere.<\/p> \n \n

Flexibilitat en el processament de pagaments<\/h3> \n \n

Stripe ofereix una gran varietat d’opcions de processament de pagaments, com ara targetes de cr\u00e8dit i d\u00e8bit, Apple Pay, Google Pay i altres. En incorporar Stripe a una aplicaci\u00f3 Angular, els empresaris poden oferir als usuaris una gran varietat d’opcions de pagament, que poden augmentar la satisfacci\u00f3 del client i la conversi\u00f3 de vendes.<\/p> \n \n

Facilitat d’integraci\u00f3<\/h3> \n \n

Stripe ofereix una API f\u00e0cil d’utilitzar que permet una integraci\u00f3 r\u00e0pida i senzilla amb les aplicacions Angular. En incorporar Stripe a una aplicaci\u00f3 Angular, els empresaris poden estalviar temps i recursos en no haver de desenvolupar una soluci\u00f3 de pagament personalitzada des de zero.<\/p> \n \n

Gesti\u00f3 centralitzada de pagaments <\/h3> \n \n

Stripe ofereix una plataforma de gesti\u00f3 de pagaments centralitzada que permet als propietaris de negocis fer un seguiment de les transaccions, emetre reemborsaments i realitzar altres tasques de gesti\u00f3 de pagaments. En incorporar Stripe a una aplicaci\u00f3 Angular, els empresaris poden gestionar totes les transaccions de l’aplicaci\u00f3 en un sol lloc, cosa que pot simplificar el proc\u00e9s de gesti\u00f3 de pagaments.<\/p> \n \n

Experi\u00e8ncia d’usuari millorada<\/h3> \n \n

En incorporar Stripe a una aplicaci\u00f3 Angular, els usuaris poden experimentar un proc\u00e9s de pagament r\u00e0pid i sense problemes. Aix\u00f2 pot millorar l’experi\u00e8ncia de l’usuari i augmentar la satisfacci\u00f3 del client. Els usuaris poden pagar els productes o serveis que desitgen de manera f\u00e0cil i r\u00e0pida, sense haver de preocupar-se per problemes t\u00e8cnics o de seguretat.<\/p> \n \n

Ampliaci\u00f3 de la base de clients<\/h3> \n \n

En oferir una varietat d’opcions de pagament als usuaris, els empresaris poden ampliar la seva base de clients. En incorporar Stripe a una aplicaci\u00f3 Angular, els empresaris poden atraure usuaris que prefereixen pagar amb una opci\u00f3 de pagament espec\u00edfica, la qual cosa pot augmentar les vendes i la rendibilitat de l’aplicaci\u00f3.<\/p> \n \n

Reducci\u00f3 del frau<\/h3> \n \n

Stripe disposa d’eines i mesures de seguretat per detectar i prevenir el frau en les transaccions de pagament, que poden ajudar a protegir tant els propietaris d’empreses com els usuaris d’aplicacions.<\/p> \n \n

Acc\u00e9s a les dades de pagament<\/h3> \n \n

Mitjan\u00e7ant l’\u00fas de Stripe, els propietaris d’empreses poden accedir a informaci\u00f3 valuosa sobre les transaccions de pagament, com ara la freq\u00fc\u00e8ncia de compra, el valor mitj\u00e0 de compra i altres dades rellevants. Aquestes dades poden ajudar els empresaris a prendre decisions informades sobre la seva estrat\u00e8gia de vendes i m\u00e0rqueting.<\/p> \n \n

Integraci\u00f3 amb altres eines empresarials<\/h3> \n \n

Stripe s’integra amb una gran varietat d’eines empresarials, com ara plataformes de comer\u00e7 electr\u00f2nic, serveis de facturaci\u00f3 i comptabilitat, entre d’altres. En incorporar Stripe a una aplicaci\u00f3 Angular, els empresaris poden aprofitar aquestes integracions per millorar l’efici\u00e8ncia i l’efic\u00e0cia del seu negoci.<\/p> \n \n

Suport t\u00e8cnic i recursos d’aprenentatge<\/h3> \n \n

Stripe ofereix un excel\u00b7lent suport t\u00e8cnic i una \u00e0mplia varietat de recursos d’aprenentatge per ajudar els propietaris d’empreses a utilitzar la plataforma de manera efica\u00e7. Aix\u00f2 pot ajudar els propietaris d’empreses a resoldre problemes t\u00e8cnics i a aprendre noves estrat\u00e8gies per millorar el processament i la gesti\u00f3 de pagaments.<\/p> \n \n

Aviat donarem not\u00edcies sobre la propera versi\u00f3 16 d’Angular que es publicar\u00e0 aquest maig.<\/p> \n","protected":false},"excerpt":{"rendered":"

Angular va llan\u00e7ar la seva versi\u00f3 n\u00famero 15 el novembre de 2022 i una versi\u00f3 15.2 aquest febrer. La nova versi\u00f3 inclou grans caracter\u00edstiques: Components aut\u00f2noms, Image Directive, entre altres millores a tot el seu ecosistema i comunitat. Una nova versi\u00f3 d’Angular Angular llan\u00e7a la seva 15a versi\u00f3 […]<\/p>\n","protected":false},"author":6,"featured_media":6908,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[196,218],"tags":[],"class_list":["post-7453","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-angular-ca","category-technical-guides-ca"],"acf":[],"yoast_head":"\nEntendre la integraci\u00f3 d'Angular 15 i Stripe - Unimedia Technology<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.unimedia.tech\/ca\/entendre-la-integracio-dangular-15-i-stripe\/\" \/>\n<meta property=\"og:locale\" content=\"ca_ES\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Entendre la integraci\u00f3 d'Angular 15 i Stripe\" \/>\n<meta property=\"og:description\" content=\" Angular va llan\u00e7ar la seva versi\u00f3 n\u00famero 15 el novembre de 2022 i una versi\u00f3 15.2 aquest febrer. La nova versi\u00f3 inclou grans caracter\u00edstiques: Components aut\u00f2noms, Image Directive, entre altres millores a tot el seu ecosistema i comunitat. Una nova versi\u00f3 d’Angular Angular llan\u00e7a la seva 15a versi\u00f3 […]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.unimedia.tech\/ca\/entendre-la-integracio-dangular-15-i-stripe\/\" \/>\n<meta property=\"og:site_name\" content=\"Unimedia Technology\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.linkedin.com\/company\/unimedia-technology\/\" \/>\n<meta property=\"article:published_time\" content=\"2023-04-18T06:22:40+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2024-01-09T16:19:27+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.unimedia.tech\/wp-content\/uploads\/2023\/12\/ANGULAR-4.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1280\" \/>\n\t<meta property=\"og:image:height\" content=\"720\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Unimedia\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@UnimediaCTO\" \/>\n<meta name=\"twitter:site\" content=\"@UnimediaCTO\" \/>\n<meta name=\"twitter:label1\" content=\"Escrit per\" \/>\n\t<meta name=\"twitter:data1\" content=\"Unimedia\" \/>\n\t<meta name=\"twitter:label2\" content=\"Temps estimat de lectura\" \/>\n\t<meta name=\"twitter:data2\" content=\"9 minuts\" \/>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Entendre la integraci\u00f3 d'Angular 15 i Stripe - Unimedia Technology","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.unimedia.tech\/ca\/entendre-la-integracio-dangular-15-i-stripe\/","og_locale":"ca_ES","og_type":"article","og_title":"Entendre la integraci\u00f3 d'Angular 15 i Stripe","og_description":" Angular va llan\u00e7ar la seva versi\u00f3 n\u00famero 15 el novembre de 2022 i una versi\u00f3 15.2 aquest febrer. La nova versi\u00f3 inclou grans caracter\u00edstiques: Components aut\u00f2noms, Image Directive, entre altres millores a tot el seu ecosistema i comunitat. Una nova versi\u00f3 d’Angular Angular llan\u00e7a la seva 15a versi\u00f3 […]","og_url":"https:\/\/www.unimedia.tech\/ca\/entendre-la-integracio-dangular-15-i-stripe\/","og_site_name":"Unimedia Technology","article_publisher":"https:\/\/www.linkedin.com\/company\/unimedia-technology\/","article_published_time":"2023-04-18T06:22:40+00:00","article_modified_time":"2024-01-09T16:19:27+00:00","og_image":[{"width":1280,"height":720,"url":"https:\/\/www.unimedia.tech\/wp-content\/uploads\/2023\/12\/ANGULAR-4.png","type":"image\/png"}],"author":"Unimedia","twitter_card":"summary_large_image","twitter_creator":"@UnimediaCTO","twitter_site":"@UnimediaCTO","twitter_misc":{"Escrit per":"Unimedia","Temps estimat de lectura":"9 minuts"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.unimedia.tech\/ca\/entendre-la-integracio-dangular-15-i-stripe\/#article","isPartOf":{"@id":"https:\/\/www.unimedia.tech\/ca\/entendre-la-integracio-dangular-15-i-stripe\/"},"author":{"name":"Unimedia","@id":"https:\/\/www.unimedia.tech\/ca\/#\/schema\/person\/3a250aa22526d5c9ff6bc95bb380a5dd"},"headline":"Entendre la integraci\u00f3 d’Angular 15 i Stripe","datePublished":"2023-04-18T06:22:40+00:00","dateModified":"2024-01-09T16:19:27+00:00","mainEntityOfPage":{"@id":"https:\/\/www.unimedia.tech\/ca\/entendre-la-integracio-dangular-15-i-stripe\/"},"wordCount":1956,"commentCount":0,"publisher":{"@id":"https:\/\/www.unimedia.tech\/ca\/#organization"},"image":{"@id":"https:\/\/www.unimedia.tech\/ca\/entendre-la-integracio-dangular-15-i-stripe\/#primaryimage"},"thumbnailUrl":"https:\/\/www.unimedia.tech\/wp-content\/uploads\/2023\/12\/ANGULAR-4.png","articleSection":["Angular","Technical Guides"],"inLanguage":"ca","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.unimedia.tech\/ca\/entendre-la-integracio-dangular-15-i-stripe\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.unimedia.tech\/ca\/entendre-la-integracio-dangular-15-i-stripe\/","url":"https:\/\/www.unimedia.tech\/ca\/entendre-la-integracio-dangular-15-i-stripe\/","name":"Entendre la integraci\u00f3 d'Angular 15 i Stripe - Unimedia Technology","isPartOf":{"@id":"https:\/\/www.unimedia.tech\/ca\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.unimedia.tech\/ca\/entendre-la-integracio-dangular-15-i-stripe\/#primaryimage"},"image":{"@id":"https:\/\/www.unimedia.tech\/ca\/entendre-la-integracio-dangular-15-i-stripe\/#primaryimage"},"thumbnailUrl":"https:\/\/www.unimedia.tech\/wp-content\/uploads\/2023\/12\/ANGULAR-4.png","datePublished":"2023-04-18T06:22:40+00:00","dateModified":"2024-01-09T16:19:27+00:00","breadcrumb":{"@id":"https:\/\/www.unimedia.tech\/ca\/entendre-la-integracio-dangular-15-i-stripe\/#breadcrumb"},"inLanguage":"ca","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.unimedia.tech\/ca\/entendre-la-integracio-dangular-15-i-stripe\/"]}]},{"@type":"ImageObject","inLanguage":"ca","@id":"https:\/\/www.unimedia.tech\/ca\/entendre-la-integracio-dangular-15-i-stripe\/#primaryimage","url":"https:\/\/www.unimedia.tech\/wp-content\/uploads\/2023\/12\/ANGULAR-4.png","contentUrl":"https:\/\/www.unimedia.tech\/wp-content\/uploads\/2023\/12\/ANGULAR-4.png","width":1280,"height":720},{"@type":"BreadcrumbList","@id":"https:\/\/www.unimedia.tech\/ca\/entendre-la-integracio-dangular-15-i-stripe\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.unimedia.tech\/ca\/"},{"@type":"ListItem","position":2,"name":"Entendre la integraci\u00f3 d’Angular 15 i Stripe"}]},{"@type":"WebSite","@id":"https:\/\/www.unimedia.tech\/ca\/#website","url":"https:\/\/www.unimedia.tech\/ca\/","name":"Unimedia Technology","description":"Your software development partner","publisher":{"@id":"https:\/\/www.unimedia.tech\/ca\/#organization"},"alternateName":"Unimedia Tech","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.unimedia.tech\/ca\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"ca"},{"@type":"Organization","@id":"https:\/\/www.unimedia.tech\/ca\/#organization","name":"Unimedia Technology","alternateName":"Unimedia Tech","url":"https:\/\/www.unimedia.tech\/ca\/","logo":{"@type":"ImageObject","inLanguage":"ca","@id":"https:\/\/www.unimedia.tech\/ca\/#\/schema\/logo\/image\/","url":"https:\/\/www.unimedia.tech\/wp-content\/uploads\/2023\/12\/cloud_border-3.png","contentUrl":"https:\/\/www.unimedia.tech\/wp-content\/uploads\/2023\/12\/cloud_border-3.png","width":403,"height":309,"caption":"Unimedia Technology"},"image":{"@id":"https:\/\/www.unimedia.tech\/ca\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.linkedin.com\/company\/unimedia-technology\/","https:\/\/x.com\/UnimediaCTO","https:\/\/www.instagram.com\/unimedia.technology\/"]},{"@type":"Person","@id":"https:\/\/www.unimedia.tech\/ca\/#\/schema\/person\/3a250aa22526d5c9ff6bc95bb380a5dd","name":"Unimedia","image":{"@type":"ImageObject","inLanguage":"ca","@id":"https:\/\/www.unimedia.tech\/ca\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/5901fd1c4628e2b48ffd4e47324e8fe0751b39e556a167f078471d4c4bec0f6f?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/5901fd1c4628e2b48ffd4e47324e8fe0751b39e556a167f078471d4c4bec0f6f?s=96&d=mm&r=g","caption":"Unimedia"}}]}},"_links":{"self":[{"href":"https:\/\/www.unimedia.tech\/ca\/wp-json\/wp\/v2\/posts\/7453","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.unimedia.tech\/ca\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.unimedia.tech\/ca\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.unimedia.tech\/ca\/wp-json\/wp\/v2\/users\/6"}],"replies":[{"embeddable":true,"href":"https:\/\/www.unimedia.tech\/ca\/wp-json\/wp\/v2\/comments?post=7453"}],"version-history":[{"count":0,"href":"https:\/\/www.unimedia.tech\/ca\/wp-json\/wp\/v2\/posts\/7453\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.unimedia.tech\/ca\/wp-json\/wp\/v2\/media\/6908"}],"wp:attachment":[{"href":"https:\/\/www.unimedia.tech\/ca\/wp-json\/wp\/v2\/media?parent=7453"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.unimedia.tech\/ca\/wp-json\/wp\/v2\/categories?post=7453"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.unimedia.tech\/ca\/wp-json\/wp\/v2\/tags?post=7453"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}