{"id":7294,"date":"2020-12-12T15:26:50","date_gmt":"2020-12-12T14:26:50","guid":{"rendered":"http:\/\/www.unimedia.tech.mialias.net\/implement-authentication-in-angular-using-aws-amplify\/"},"modified":"2023-12-18T13:07:35","modified_gmt":"2023-12-18T12:07:35","slug":"implement-authentication-in-angular-using-aws-amplify","status":"publish","type":"post","link":"https:\/\/www.unimedia.tech\/de\/implement-authentication-in-angular-using-aws-amplify\/","title":{"rendered":"Implement Authentication in Angular using AWS Amplify"},"content":{"rendered":"\n<p><\/p>\n\n\n\n<p>This article is about how to implement Authentication in an <a href=\"https:\/\/www.unimedia.tech\/software-maintenance\/\">Angular <\/a>using AWS amplify within a very short period of time. As a specialized development company, we offer the services of <a href=\"https:\/\/www.unimedia.tech\/software-development\/\">custom software<\/a> and <a href=\"https:\/\/www.unimedia.tech\/dedicated-development-teams\/\">dedicated team<\/a> to help our customers in this kind of implementations.<\/p>\n\n\n\n<p>So, as we saw in <a href=\"https:\/\/www.unimedia.tech\/2020\/11\/27\/aws-amplify-with-angular-chat\/\" target=\"_blank\" rel=\"noreferrer noopener\">previous article,<\/a> <\/p>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\"><p><em>AWS Amplify is a set of tools and services that enables mobile and front-end web developers to build secure, scalable full stack applications, powered by AWS.<\/em><\/p><\/blockquote>\n\n\n\n<p>So, Here we will explore another use case of AWS amplify, which is to add the Authentication to the angular web app using amplify in 2 ways, <\/p>\n\n\n\n<p>1. Use pre-built UI components<\/p>\n\n\n\n<p>2. Call Authentication APIs manually<\/p>\n\n\n\n<p><\/p>\n\n\n\n<p><\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Prerequisites:<\/h3>\n\n\n\n<ul class=\"wp-block-list\"><li>Node.js version 10 or later<\/li><li>AWS Account<\/li><\/ul>\n\n\n\n<p><\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Create a new Angular application<\/h2>\n\n\n\n<p><\/p>\n\n\n\n<p><\/p>\n\n\n\n<p>Use the&nbsp;<a target=\"_blank\" href=\"https:\/\/github.com\/angular\/angular-cli\" rel=\"noreferrer noopener\">Angular CLI<\/a>&nbsp;to bootstrap a new Angular app:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>npx -p @angular\/cli ng new amplify-app\n\n? Would you like to add Angular routing? Y\n? Which stylesheet format would you like to use? (your preferred stylesheet provider)\n\ncd amplify-app<\/code><\/pre>\n\n\n\n<p><\/p>\n\n\n\n<p><\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Angular 6+ Support<\/h2>\n\n\n\n<p><\/p>\n\n\n\n<p><\/p>\n\n\n\n<p>Currently, the newest versions of Angular (6+) do not include shims for \u2018global\u2019 or \u2018process\u2019 as provided in previous versions. Add the following to your&nbsp;<code>src\/polyfills.ts<\/code>&nbsp;file to recreate them:<\/p>\n\n\n\n<p><\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>(window as any).global = window;\n(window as any).process = {\n  env: { DEBUG: undefined },\n};<\/code><\/pre>\n\n\n\n<p><\/p>\n\n\n\n<p><\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Initiate the Amplify project<\/h2>\n\n\n\n<p><\/p>\n\n\n\n<p><\/p>\n\n\n\n<p>Now that we have a running Angular app, it\u2019s time to set up Amplify for this app<\/p>\n\n\n\n<p><\/p>\n\n\n\n<p><\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>amplify init\n\nEnter a name for the project (amplify-auth-angular)\n\n# All AWS services you provision for your app are grouped into an \"environment\"\n# A common naming convention is dev, staging, and production\nEnter a name for the environment (dev)\n\n# Sometimes the CLI will prompt you to edit a file, it will use this editor to open those files.\nChoose your default editor\n\n# Amplify supports JavaScript (Web &amp; React Native), iOS, and Android apps\nChoose the type of app that you're building (javascript)\n\nWhat JavaScript framework are you using (angular)\n\nSource directory path (src)\n\nDistribution directory path (dist)\nChange from dist to dist\/amplify-auth-angular\n\nBuild command (npm run-script build)\n\nStart command (ng serve or npm start)\n\n# This is the profile you created with the `amplify configure` command in the introduction step.\nDo you want to use an AWS profile\n\n<\/code><\/pre>\n\n\n\n<p><\/p>\n\n\n\n<p>The above given process <em>creates a file called&nbsp;<\/em><code>aws-exports.js<\/code><em>&nbsp;in the&nbsp;<\/em><code>src<\/code><em>&nbsp;directory<\/em><\/p>\n\n\n\n<p><\/p>\n\n\n\n<p><\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Install Amplify and Angular dependencies<\/h2>\n\n\n\n<p><\/p>\n\n\n\n<p><\/p>\n\n\n\n<p>Inside the&nbsp;<code>amplify-auth-angular<\/code> directory, install the Amplify Angular library and run your app:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>npm install --save aws-amplify @aws-amplify\/ui-angular\n\nnpm start<\/code><\/pre>\n\n\n\n<p><\/p>\n\n\n\n<p>The&nbsp;<code>@aws-amplify\/ui-angular<\/code>&nbsp;package is a set of Angular components and an Angular provider which helps integrate your application with the AWS-Amplify library.<\/p>\n\n\n\n<p><\/p>\n\n\n\n<p><\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Create authentication service in Angular<\/h2>\n\n\n\n<p><\/p>\n\n\n\n<p>To start from scratch, run the following command in your project\u2019s root folder:<\/p>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\"><p>If you want to re-use an existing authentication resource from AWS (e.g. Amazon Cognito UserPool or Identity Pool) refer to&nbsp;<a class=\" href=\"https:\/\/docs.amplify.aws\/lib\/auth\/start\/q\/platform\/js#re-use-existing-authentication-resource\">this section<\/a>.<\/p><\/blockquote>\n\n\n\n<pre class=\"wp-block-code\"><code>amplify add auth<\/code><\/pre>\n\n\n\n<pre class=\"wp-block-code\"><code>? Do you want to use the default authentication and security configuration? Default configuration\n? How do you want users to be able to sign in? Username\n? Do you want to configure advanced settings?  No, I am done.<\/code><\/pre>\n\n\n\n<p>To deploy the service, run the&nbsp;<code>push<\/code>&nbsp;command:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>amplify push<\/code><\/pre>\n\n\n\n<p>Now, the authentication service has been deployed and you can start using it. To view the deployed services in your project at any time, go to Amplify Console by running the following command:<\/p>\n\n\n\n<p><\/p>\n\n\n\n<p><\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Set AWS Amplify Config to the App<\/h2>\n\n\n\n<p><\/p>\n\n\n\n<p><\/p>\n\n\n\n<p>In your app\u2019s entry point (i.e.&nbsp;<strong>main.ts<\/strong>), import and load the configuration file:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>import { Amplify } from '@aws-amplify\/core';\nimport { Auth } from '@aws-amplify\/auth';\nimport awsconfig from '.\/aws-exports';\n\nAmplify.configure(awsconfig);\nAuth.configure(awsconfig);<\/code><\/pre>\n\n\n\n<p><\/p>\n\n\n\n<p><\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Import AWS Amplify UI module<\/h2>\n\n\n\n<p><\/p>\n\n\n\n<p><\/p>\n\n\n\n<p><strong>File<\/strong>: app.module.ts<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>import { BrowserModule } from '@angular\/platform-browser';\nimport { NgModule } from '@angular\/core';\n\n\/* import AmplifyUIAngularModule  *\/\nimport { AmplifyUIAngularModule } from '@aws-amplify\/ui-angular';\n\nimport { AppRoutingModule } from '.\/app-routing.module';\nimport { AppComponent } from '.\/app.component';\n\n@NgModule({\n  declarations: &#91;\n    AppComponent\n  ],\n  imports: &#91;\n    BrowserModule,\n    AppRoutingModule,\n    \/* configure app with AmplifyUIAngularModule *\/\n    AmplifyUIAngularModule\n  ],\n  providers: &#91;],\n  bootstrap: &#91;AppComponent]\n})\nexport class AppModule { }<\/code><\/pre>\n\n\n\n<p><\/p>\n\n\n\n<p><\/p>\n\n\n\n<p>Replace the content inside of&nbsp;<em><strong>app.component.ts<\/strong><\/em>&nbsp;with the following:<\/p>\n\n\n\n<p><\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>import { Component, ChangeDetectorRef } from '@angular\/core';\nimport { onAuthUIStateChange, CognitoUserInterface, AuthState } from '@aws-amplify\/ui-components';\n\n@Component({\n  selector: 'app-root',\n  templateUrl: '.\/app.component.html',\n  styleUrls: &#91;'.\/app.component.css']\n})\nexport class AppComponent {\n  title = 'amplify-angular-auth';\n  user: CognitoUserInterface | undefined;\n  authState: AuthState;\n\n  constructor(private ref: ChangeDetectorRef) {}\n\n  ngOnInit() {\n    onAuthUIStateChange((authState, authData) =&gt; {\n      this.authState = authState;\n      this.user = authData as CognitoUserInterface;\n      this.ref.detectChanges();\n    })\n  }\n\n  ngOnDestroy() {\n    return onAuthUIStateChange;\n  }\n}<\/code><\/pre>\n\n\n\n<p><\/p>\n\n\n\n<p><\/p>\n\n\n\n<p>Replace the content inside of&nbsp;<em><strong>app.component.<\/strong><\/em><strong>html&nbsp;<\/strong>with the html code given,<\/p>\n\n\n\n<p><\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>&lt;amplify-authenticator *ngIf=\"authState !== 'signedin'\"&gt;&lt;\/amplify-authenticator&gt;\n\n&lt;div *ngIf=\"authState === 'signedin' &amp;&amp; user\" class=\"App\"&gt;\n    &lt;amplify-sign-out&gt;&lt;\/amplify-sign-out&gt;\n    &lt;div&gt;Hello, {{user.username}}&lt;\/div&gt;\n    &lt;!-- This is where you application template code goes --&gt;  \n&lt;\/div&gt;<\/code><\/pre>\n\n\n\n<p><\/p>\n\n\n\n<p><\/p>\n\n\n\n<p><\/p>\n\n\n\n<figure class=\"wp-block-image size-large is-resized\"><img fetchpriority=\"high\" decoding=\"async\" src=\"https:\/\/www.unimedia.tech\/wp-content\/uploads\/2023\/12\/image-22.png\" alt=\" class=\"wp-image-3151\" width=\"646\" height=\"617\"\/><\/figure>\n\n\n\n<p><\/p>\n\n\n\n<p><\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Customization of the UI with Angular<\/h2>\n\n\n\n<p><\/p>\n\n\n\n<p>If you\u2019d like to customize the form fields in the Authenticator Sign In or Sign Up component, you can do so by using the&nbsp;<strong><em><code>formFields<\/code>&nbsp;<\/em><\/strong>property.<\/p>\n\n\n\n<p>In <strong><em>app.component.ts<\/em><\/strong> add <strong><em>formFields <\/em><\/strong>variable as following:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>formFields = &#91;\n      {\n        type: \"email\",\n        label: \"Custom email Label\",\n        placeholder: \"custom email placeholder\",\n        required: true,\n      },\n      {\n        type: \"password\",\n        label: \"Custom Password Label\",\n        placeholder: \"custom password placeholder\",\n        required: true,\n      },\n      {\n        type: \"phone_number\",\n        label: \"Custom Phone Label\",\n        placeholder: \"custom Phone placeholder\",\n        required: false,\n      },\n    ];\n  }<\/code><\/pre>\n\n\n\n<p><\/p>\n\n\n\n<p><\/p>\n\n\n\n<p><strong>File<\/strong>: app.componen.html<\/p>\n\n\n\n<p><\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>&lt;amplify-authenticator usernameAlias=\"email\"&gt;\n  &lt;amplify-sign-up\n    slot=\"sign-up\"\n    usernameAlias=\"email\"\n    &#91;formFields]=\"formFields\"\n  &gt;&lt;\/amplify-sign-up&gt;\n  &lt;amplify-sign-in slot=\"sign-in\" usernameAlias=\"email\"&gt;&lt;\/amplify-sign-in&gt;\n&lt;\/amplify-authenticator&gt;<\/code><\/pre>\n\n\n\n<p><\/p>\n\n\n\n<p><\/p>\n\n\n\n<figure class=\"wp-block-image size-large is-resized\"><img decoding=\"async\" src=\"https:\/\/www.unimedia.tech\/wp-content\/uploads\/2023\/12\/image-1-18.png\" alt=\" class=\"wp-image-3158\" width=\"640\" height=\"613\"\/><\/figure>\n\n\n\n<p>To see more options: <a href=\"https:\/\/docs.amplify.aws\/ui\/auth\/authenticator\/q\/framework\/angular#customization\">https:\/\/docs.amplify.aws\/ui\/auth\/authenticator\/q\/framework\/angular#customization<\/a><\/p>\n\n\n\n<p><\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Sample Angular Code in Github<\/h2>\n\n\n\n<p><\/p>\n\n\n\n<p>If you face any issues at any point of time, you can go through the full implementation here,<\/p>\n\n\n\n<p><a href=\"https:\/\/github.com\/unimedia-technology\/amplify-auth-angular\" target=\"_blank\" rel=\"noreferrer noopener\">https:\/\/github.com\/unimedia-technology\/amplify-auth-angular<\/a><\/p>\n\n\n\n<p><\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Unimedia Technology<\/h2>\n\n\n\n<p>Here at&nbsp;<a href=\"https:\/\/www.unimedia.tech\/\">Unimedia Technology<\/a>&nbsp;we have a team of&nbsp;<strong>Angular Developers<\/strong>&nbsp;that can develop your most challenging Web Single Page applications using the latest AWS technologies.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>This article is about how to implement Authentication in an Angular using AWS amplify within a very short period of time. As a specialized development company, we offer the services of custom software and dedicated team to help our customers in this kind of implementations. So, as we saw in previous article, AWS Amplify is [&hellip;]<\/p>\n","protected":false},"author":6,"featured_media":6583,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[197,200,219],"tags":[],"class_list":["post-7294","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-angular-de","category-aws-de","category-technical-guides-de"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v21.6 (Yoast SEO v27.1.1) - https:\/\/yoast.com\/product\/yoast-seo-premium-wordpress\/ -->\n<title>Implement Authentication in Angular using AWS Amplify - 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\/de\/implement-authentication-in-angular-using-aws-amplify\/\" \/>\n<meta property=\"og:locale\" content=\"de_DE\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Implement Authentication in Angular using AWS Amplify\" \/>\n<meta property=\"og:description\" content=\"This article is about how to implement Authentication in an Angular using AWS amplify within a very short period of time. As a specialized development company, we offer the services of custom software and dedicated team to help our customers in this kind of implementations. So, as we saw in previous article, AWS Amplify is [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.unimedia.tech\/de\/implement-authentication-in-angular-using-aws-amplify\/\" \/>\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=\"2020-12-12T14:26:50+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2023-12-18T12:07:35+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.unimedia.tech\/wp-content\/uploads\/2023\/12\/Authentication-using-AWS-Amplify-4.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1120\" \/>\n\t<meta property=\"og:image:height\" content=\"660\" \/>\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=\"Verfasst von\" \/>\n\t<meta name=\"twitter:data1\" content=\"Unimedia\" \/>\n\t<meta name=\"twitter:label2\" content=\"Gesch\u00e4tzte Lesezeit\" \/>\n\t<meta name=\"twitter:data2\" content=\"2\u00a0Minuten\" \/>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Implement Authentication in Angular using AWS Amplify - 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\/de\/implement-authentication-in-angular-using-aws-amplify\/","og_locale":"de_DE","og_type":"article","og_title":"Implement Authentication in Angular using AWS Amplify","og_description":"This article is about how to implement Authentication in an Angular using AWS amplify within a very short period of time. As a specialized development company, we offer the services of custom software and dedicated team to help our customers in this kind of implementations. So, as we saw in previous article, AWS Amplify is [&hellip;]","og_url":"https:\/\/www.unimedia.tech\/de\/implement-authentication-in-angular-using-aws-amplify\/","og_site_name":"Unimedia Technology","article_publisher":"https:\/\/www.linkedin.com\/company\/unimedia-technology\/","article_published_time":"2020-12-12T14:26:50+00:00","article_modified_time":"2023-12-18T12:07:35+00:00","og_image":[{"width":1120,"height":660,"url":"https:\/\/www.unimedia.tech\/wp-content\/uploads\/2023\/12\/Authentication-using-AWS-Amplify-4.png","type":"image\/png"}],"author":"Unimedia","twitter_card":"summary_large_image","twitter_creator":"@UnimediaCTO","twitter_site":"@UnimediaCTO","twitter_misc":{"Verfasst von":"Unimedia","Gesch\u00e4tzte Lesezeit":"2\u00a0Minuten"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.unimedia.tech\/de\/implement-authentication-in-angular-using-aws-amplify\/#article","isPartOf":{"@id":"https:\/\/www.unimedia.tech\/de\/implement-authentication-in-angular-using-aws-amplify\/"},"author":{"name":"Unimedia","@id":"https:\/\/www.unimedia.tech\/de\/#\/schema\/person\/3a250aa22526d5c9ff6bc95bb380a5dd"},"headline":"Implement Authentication in Angular using AWS Amplify","datePublished":"2020-12-12T14:26:50+00:00","dateModified":"2023-12-18T12:07:35+00:00","mainEntityOfPage":{"@id":"https:\/\/www.unimedia.tech\/de\/implement-authentication-in-angular-using-aws-amplify\/"},"wordCount":295,"publisher":{"@id":"https:\/\/www.unimedia.tech\/de\/#organization"},"image":{"@id":"https:\/\/www.unimedia.tech\/de\/implement-authentication-in-angular-using-aws-amplify\/#primaryimage"},"thumbnailUrl":"https:\/\/www.unimedia.tech\/wp-content\/uploads\/2023\/12\/Authentication-using-AWS-Amplify-4.png","articleSection":["Angular","AWS","Technical Guides"],"inLanguage":"de"},{"@type":"WebPage","@id":"https:\/\/www.unimedia.tech\/de\/implement-authentication-in-angular-using-aws-amplify\/","url":"https:\/\/www.unimedia.tech\/de\/implement-authentication-in-angular-using-aws-amplify\/","name":"Implement Authentication in Angular using AWS Amplify - Unimedia Technology","isPartOf":{"@id":"https:\/\/www.unimedia.tech\/de\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.unimedia.tech\/de\/implement-authentication-in-angular-using-aws-amplify\/#primaryimage"},"image":{"@id":"https:\/\/www.unimedia.tech\/de\/implement-authentication-in-angular-using-aws-amplify\/#primaryimage"},"thumbnailUrl":"https:\/\/www.unimedia.tech\/wp-content\/uploads\/2023\/12\/Authentication-using-AWS-Amplify-4.png","datePublished":"2020-12-12T14:26:50+00:00","dateModified":"2023-12-18T12:07:35+00:00","breadcrumb":{"@id":"https:\/\/www.unimedia.tech\/de\/implement-authentication-in-angular-using-aws-amplify\/#breadcrumb"},"inLanguage":"de","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.unimedia.tech\/de\/implement-authentication-in-angular-using-aws-amplify\/"]}]},{"@type":"ImageObject","inLanguage":"de","@id":"https:\/\/www.unimedia.tech\/de\/implement-authentication-in-angular-using-aws-amplify\/#primaryimage","url":"https:\/\/www.unimedia.tech\/wp-content\/uploads\/2023\/12\/Authentication-using-AWS-Amplify-4.png","contentUrl":"https:\/\/www.unimedia.tech\/wp-content\/uploads\/2023\/12\/Authentication-using-AWS-Amplify-4.png","width":1120,"height":660,"caption":"Authentication using AWS Amplify"},{"@type":"BreadcrumbList","@id":"https:\/\/www.unimedia.tech\/de\/implement-authentication-in-angular-using-aws-amplify\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.unimedia.tech\/de\/"},{"@type":"ListItem","position":2,"name":"Implement Authentication in Angular using AWS Amplify"}]},{"@type":"WebSite","@id":"https:\/\/www.unimedia.tech\/de\/#website","url":"https:\/\/www.unimedia.tech\/de\/","name":"Unimedia Technology","description":"Your software development partner","publisher":{"@id":"https:\/\/www.unimedia.tech\/de\/#organization"},"alternateName":"Unimedia Tech","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.unimedia.tech\/de\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"de"},{"@type":"Organization","@id":"https:\/\/www.unimedia.tech\/de\/#organization","name":"Unimedia Technology","alternateName":"Unimedia Tech","url":"https:\/\/www.unimedia.tech\/de\/","logo":{"@type":"ImageObject","inLanguage":"de","@id":"https:\/\/www.unimedia.tech\/de\/#\/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\/de\/#\/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\/de\/#\/schema\/person\/3a250aa22526d5c9ff6bc95bb380a5dd","name":"Unimedia","image":{"@type":"ImageObject","inLanguage":"de","@id":"https:\/\/www.unimedia.tech\/de\/#\/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\/de\/wp-json\/wp\/v2\/posts\/7294","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.unimedia.tech\/de\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.unimedia.tech\/de\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.unimedia.tech\/de\/wp-json\/wp\/v2\/users\/6"}],"replies":[{"embeddable":true,"href":"https:\/\/www.unimedia.tech\/de\/wp-json\/wp\/v2\/comments?post=7294"}],"version-history":[{"count":0,"href":"https:\/\/www.unimedia.tech\/de\/wp-json\/wp\/v2\/posts\/7294\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.unimedia.tech\/de\/wp-json\/wp\/v2\/media\/6583"}],"wp:attachment":[{"href":"https:\/\/www.unimedia.tech\/de\/wp-json\/wp\/v2\/media?parent=7294"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.unimedia.tech\/de\/wp-json\/wp\/v2\/categories?post=7294"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.unimedia.tech\/de\/wp-json\/wp\/v2\/tags?post=7294"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}