Slik aktiverer du SSL for Localhost ved hjelp av MAMP

Å ha en SSL (Socket Secure Layer) installert er en måte å sikre nettstedet ditt på. I utgangspunktet vil SSL kryptere datatransaksjoner mellom nettleseren og serveren. Dermed vil du sannsynligvis vil teste nettstedet ditt i et SSL-miljø så tidlig som i utviklingsstadiene .

Nettadresser og andre nettsider som CSS og JavaScript peker riktig ut via https protokollen. Så, hvordan aktiverer vi SSL i vårt lokalehost? Det vil kreve noen kommandolinjer, filendringer, konfigurasjoner og noen mer tungvint trinn. Men la oss omgå alt det, og bruk MAMP Pro i stedet . Slik setter du opp det. Merk: MAMP Pro er også tilgjengelig for Windows nå.

Aktiverer SSL

Start MAMP, og opprett en VirtualHost med et egendefinert domene; dette domenet kan settes i en utvidelse som .dev eller .local . I dette tilfellet har jeg laget www.hongkiat.dev som brukes til å hoste www.hongkiat.com utvikling.

Hver av VirtualHost du lager i MAMP vil ha individuelle alternativer som du kan gjøre noen konfigurasjoner på.

For å aktivere SSL for VirtualHost, gå til SSL-fanen og kryss av SSL-alternativet . Etterpå må du finne SSL-sertifikatfilene. Hvis du har en, finn og tilordne filene. Hvis ikke, klikk på Opprett selvsignert sertifikat-knappen for å la MAMP lage sertifikatene for deg.

For å opprette en, vil MAMP spørre deg litt informasjon som landskode og stat for å tildele i sertifikatet, slik som:

Lagre filen i en riktig mappe, og SSL er angitt.

Gjør Chrome tillit til nettstedet ditt

Når SSL er angitt, bør du nå kunne se nettstedet ditt via https protokollen. Men hold deg i stedet, ser du en feil (som under), da SSL-sertifikatet ikke gjenkjennes av nettleserne i dette tilfellet, Chrome. Vær oppmerksom på at hvis du kjører WordPress-baserte nettsteder, må du endre siteurl og home fra wp_options tabellen i databasen.

Med mindre du har et tillitsproblem med deg selv, kan du bare gå til avansert alternativet og klikke på Proceed to {your website name} å se ditt nettsted.

Hvis du er irritert med det røde krysset som vises i Chrome, må du tvinge Chrome til å stole på ditt genererte sertifikat:

Først klikker du på det kryssede hengelåsikonet, og klikker deretter koblingen Sertifikatinformasjon . Chrome viser deg en popup med all informasjonen i SSL-sertifikatet som er tildelt på nettstedet. Dra og slipp sertifikatikonet på skrivebordet.

Hvis du kjører OS X, åpner denne sertifikatfilen deg til nøkkelringtilgangsprogrammet.

Og, som du kanskje forventes, bør du velge Alltid Stol på. Velg nettstedet ditt sertifikat, og klikk deretter på [i] -knappen for å avsløre detaljene i sertifikatet Trust level. Innen Trust- fanen vil du se alternativet som sier "Når du bruker dette sertifikatet". Standardverdien er satt til "Bruk egendefinerte innstillinger" på dette stadiet. Gjør sertifikatet ditt klar, ved å sette dette alternativet til "Alltid stole på"; Du vil bli bedt om ditt passord en gang for å oppdatere denne innstillingen.

Vi er alle satt. Åpne nettsiden på Chrome igjen, og du bør nå se den grønne hengelåsen. Gratulerer, ditt SSL-sertifikat er nå klarert.

Spectral er en skrift som er interaktiv og tilpassbar

Mens skrifttyper kommer i mange former, er de fleste, om ikke alle, vanligvis statiske i design. Skrifter kan imidlertid snart bli mye mer fleksible da Google har introdusert en ny skrifttype som er både tilpassbar og interaktiv - kalt Spectral .Spectral er utviklet i samarbeid med produksjonstype og prototypo, og er Googles første parametriske font .

(Tekniske og design tips)

Hvorfor Facebook Matters for første gang foreldre

Siden du var gal nok til å bli forelder, er det noen veier på Facebook for å hjelpe deg med å takle. Med begynnelsen av sønnen min første bursdag, har jeg reflektert på innledningsåret i foreldreforholdet mitt, og jeg er blitt klar over at Facebook har spilt en stor rolle i det.Vel, som det var med alt i livet, var det både godt og dårlig som kom ut av det. Her er e

(Tekniske og design tips)