Mac App Store
Eine dynamische Website, auf der Benutzer macOS-Apps und -Musik entdecken und suchen können
Schauen Sie sich die Website hier an!
Inhaltsverzeichnis
- Über das Projekt
- Logikdesign
- Benutzerauthentifizierung
- Dynamische Webseiten
- API und AJAX
- Scrollen
- Lokaler Speicher
- Anforderungen
- Erste Schritte
- Lizenz
- Danksagungen
Über das Projekt
Die Mac App Store-Website soll eine Anlaufstelle für Benutzer sein, um absolut jede im tatsächlichen Mac App Store verfügbare App zu entdecken, und gleichzeitig als Ort dienen, an dem sie über einen speziellen Apple Music-Bereich Songs finden können. Benutzer können ihre gekauften Apps auch (nur zu Demonstrationszwecken) aus einem speziellen Bereich für gekaufte Apps herunterladen. Das minimalistische Design des Mac App Store gepaart mit seinen Funktionen wie „Features“, „Top-Charts“, „Kategorien“, „Suche“ und „Apple Music“ hilft Benutzern, ihre nächste App oder ihren nächsten Song im Handumdrehen zu finden.
Gebaut mit
- HTML
- CSS
- Javascript
- jQuery
- PHP
- iTunes-Such-API
Logikdesign
Benutzerauthentifizierung
- PHP wird verwendet, um Anmeldeinformationen in Sitzungscookies zu speichern, nachdem sich der Benutzer für ein neues Konto registriert hat.
- Bycrypt wird verwendet, um das vom Benutzer bei der Registrierung übermittelte Passwort zu hashen und zu speichern. Wenn sich der Benutzer anmelden möchte, wird der gespeicherte Hash mit dem neuen Hash verglichen, um den Benutzer zu autorisieren.
- Für die Registrierungsseite sind eine gültige E-Mail-Adresse und ein sicheres Passwort erforderlich, damit der Benutzer erfolgreich ein neues Konto erstellen kann.
- Der Benutzer darf nicht zur Anmelde-/Registrierungsseite zurückkehren, bis er abgemeldet ist. Der Benutzer darf auch keine andere Seite außer der Anmelde-/Registrierungsseite aufrufen, es sei denn, der Benutzer ist angemeldet.
Dynamische Webseiten
- Login/Registrierung: Wenn der Benutzer auf die Schaltfläche „Create One!“ klickt. Klicken Sie auf den Link, um ein neues Konto zu registrieren. Ein neues Registrierungsfenster wird angezeigt und ersetzt den vorhandenen Anmeldetext. Wenn Sie das Registrierungsfenster schließen, verschwindet es und das Anmeldefenster wird wieder angezeigt.
- Suche: Durch die Suche nach einer App auf der Startseite werden vorhandene Inhalte im Hauptteil gelöscht und die App (falls gefunden) mit einem Link zur Seite der App angezeigt. Das Schließen des Suchfensters bringt den Benutzer zum vorherigen Bildschirm zurück.
- App-Seite: Wenn der Benutzer auf eine App auf der Website klickt, wird er zu einer dynamischen Webseite weitergeleitet, auf der nur die Beschreibung, Screenshots, Rezensionen usw. dieser bestimmten App angezeigt werden.
- Musikseite: Diese Seite ändert sich dynamisch, wenn der Benutzer nach Musik sucht. Diese Seite wechselt je nach den Aktionen des Benutzers auch dynamisch zwischen ihr und der Suchseite hin und her.
- Seite „Käufe“: Diese Seite wechselt je nach den Aktionen des Benutzers dynamisch zwischen sich und der Suchseite hin und her.
API und AJAX
Der Zugriff auf die iTunes-API erfolgt über eine AJAX-Methode, um Daten zu allen Apps und Songs auf der Website abzurufen, die dann über jQuery in den HTML-Code eingefügt werden.
Scrollen
Durch Klicken auf die Links-/Rechts-Schaltflächen auf der Startseite wird der Inhalt nach links und rechts gescrollt. Die Schaltflächen werden je nach Position des Inhalts nahtlos ausgeblendet oder wieder eingeblendet. Die Position kann durch Klicken auf die Links-/Rechts-Schaltfläche oder sogar durch Auslösen eines manuellen horizontalen Bildlaufs geändert werden.
Lokaler Speicher
Informationen über die App, die der Benutzer besuchen möchte, oder die Apps, die der Benutzer gekauft hat, werden im lokalen Speicher gespeichert und von verschiedenen Seiten verwendet, um die Daten dieser spezifischen App abzurufen.
Anforderungen
Erste Schritte
Hier
- Laden Sie alle Dateien aus dem Repo herunter
- Extrahieren Sie den ZIP-Ordner in den PHP-Ordner/Server
- Öffnen Sie index.html über localhost
Lizenz
Verteilt unter der MIT-Lizenz.
Danksagungen