Författare: Simon Nilsson

Therese Alshammar

Theresealshammar.se

Att få arbeta med en av Sveriges mest framgångsrika idrottare har varit ett spännande projekt med många roliga utmaningar och lärdomar.

Tillsammans med företaget BrandGlobe tog vi fram en webbutik till idrottsstjärnan Therese Alshammar. Vi byggde sidan inkrementellt och interaktivt för att få en användarvänlig webbutik med Therese Alshammars grafiska manual. Jag var delaktig i utveckling och val av affärssystem, webbplattform och artikelstruktur.

Therese Alshammars webbutiker finner ni på, http://theresealshammar.se.

Tights Camo
Tights Camo
Tights Svart
Tights Svart
Sporttopp
Sporttopp
TA Tee
TA Tee
Träningströja
Träningströja
Premium Hood
Premium Hood
Collegetröja
Collegetröja

 

Totebag
Totebag

 

http://www.ehandel.se/Therese-Alshammar-lanserar-egen-e-handel,12472.html

http://theresealshammar.se

Hämta bilder från Instagram användare

Här om dagen arbetade jag tillsammans med ett PR bolag. Jag fick i uppgift att skapa en webbutik med produkter från olika kändisar. 

Under en flik i webbutiken ville man visa ett Instagram flöde från ett specifikt användarkonto. Det var inte lika enkelt som sagt. Endast Instagram användaren själv kan hämta bilderna på det här sättet. Så därför kommer jag i det här inlägget förklara hur jag gick tillväga.

Börja med att registerar din applikation…

Börja med att gå in på den här länken, https://www.instagram.com/developer/, för att skapa en applikation. Skapa en ny applikation för varje projekt du arbetar med.

Klicka på den gröna knappen högst upp till höger, ”Register  a New Client”.

Fyll i uppgifter om Applikation

Application name: Fyll i applikationens namn. Använd inte Instagram, gram och insta etc i namnet. Jag väljer att döpa min applikation till ”Simon Nilsson”.

Description: Beskriv din applikation. Syftet med din applikation. Varför ska du använda Instagram?

Company Name: Fyll i företagsnamnet, om det du har ett.

Website URL: Här är det viktigt att du fyller i korrekt adress där ditt projekt kommer ligga. Jag har fyllt i ”simonnilsson.com”.

Valid redirect URIs: Skriv in den länk där du vill att användarna ska hamna efter att dom har autentiserat med din applikation. T.ex till en välkomst sida med din Instagram-flöde. Jag har valt att användaren ska komma till ”simonnilsson.com”.

Privacy policy URL: Fyll i länken till din policy/regler sida. Där du beskriver syftet med Instagram flödet i din applikation t.ex.

Contact email: Fyll i en e-postadress där du är kontaktbar.

Klicka på knappen register.

Skapa Instagram token

Spara Client ID och Client Secret. Du kommer behöva dessa två för att skapa en access token.

Använd den här länken för att generera fram din access token. OBS! Ändra client_id till din egen ID samt URL-länken. https://www.instagram.com/oauth/authorize/?client_id=7773560b82e448339cb665ed9617cfa3&redirect_uri=https://simonnilsson.com&response_type=code

Applikation klar

Nu är har du satt upp en applikation med Instagram API. Nu kan du börja att integrera och visa flöde på din hemsida etc.

Gå in på den här länken för att lära dig hur du gör, http://instafeedjs.com/.

 

Tack för att du läste mitt inlägg! Lämna gärna en kommentar!

 

Spring Boot (Java) + SAML2 + Okta

SAML2 (”Security Assertion Markup Language”) är en standard för att byta autentisering och godkännande mellan olika domäner. Detta är för att förenkla kontoadministration. Istället för att skapa flera olika konton för olika applikationer kan med hjälp av SAML2 dela användarens identitet mellan olika applikationer på ett säkert sätt. SAML2 använder XML för att byta data.

I det här inlägget kommer jag visa hur man kan skapa en applikation med SAML med hjälp av Spring Boot och Okta (”Identity provider”). Identity provider (IdP) är ett system för att tillhanda hålla konton och autentisera klienter mellan olika applikationer. Detta är för att kunna använda samma konto till flera olika applikationer.

git clone https://github.com/oktadeveloper/okta-spring-boot-saml-example.git cd okta-spring-boot-saml-example

Kom igång

För att komma igång snabbt ladda ner ett färdigt projekt.

git clone https://github.com/oktadeveloper/okta-spring-boot-saml-example.git

Öppna projektet i Eclipse eller om du har en annan IDE du föredrar mer.

 

Skapa en SAML App i Okta

Första steget är att skapa ett konto. https://developer.okta.com. Skapa ett konto och bekräfta det. När du har loggat in kommer du se en liknande sida som bilden nedan.

Klicka på <> developer console högst upp till vänster och välj Classic UI.

Klicka sedan på Add Applications i högermenyn högst upp.

Efter att du klickat på Add Applications väljer du Create New App. Välj Web och SAML 2.0.

Skapa ett namn på din applikation. Jag har valt att döpa min app till ”Spring SAML Example”.

Klicka på Next knappen för att gå vidare. I steg 2 konfigurerar du SAML.

Single sign on URL:

https://localhost:8443/saml/SSO

Audience URI:

https://localhost:8443/saml/metadata

Scrolla till längst ner på sidan och klicka på Next.

I steg välj ”I’m an Okta customer adding an internal app” och klicka sedan i ”This is an internal app that we have created”. Klicka på Finish.

Efter att du har gått igenom alla tre stegen kommer du till ”Sign on” fliken. På den här sidan hittar du en gul ruta med Identity Metadata. Klicka på knappen This is an internal app that we have created, det behövs för att konfigurera vår Spring Boot Applikation.

Kopiera Identity Provider Single Sign-On URL.

Trekronorshop.se – Webbutik

Nedan är en webbutik som jag har fått i uppdrag att göra. Jag har programmerat hela webbutiken och varit involverad i den större delen av designen. Jag har följt Trekronor’s grafiska mall.

Webbutiken är programmer i Servlet/JSP med Garp som affärsystem för att administrera innehåll, artiklar, orders och allt annat i processen till det att kunden mottagit sin order. Webbutiken är responsiv vilket innebär att den är användarvänlig i alla enheter.

Audishop.se – Webbutik

Nedan är en webbutik som jag har fått i uppdrag att göra. Jag har programmerat hela webbutiken och varit involverad i den större delen av designen. Jag har följt Audi’s grafiska mall.

Webbutiken är programmer i Servlet/JSP med Garp som affärsystem för att administrera innehåll, artiklar, orders och allt annat i processen till det att kunden mottagit sin order. Webbutiken är responsiv vilket innebär att den är användarvänlig i alla enheter.