Page d'accueil>Code source ASP>Autres catégories
Télécharger



Description

React Core Cashplate est un point de départ pour construire des applications Web réactions universelles / isomorphes avec ASP.NET Core 3 et rendu côté serveur. Tout fonctionne bien hors de la boîte. Il est également utile pour les débutants. Le projet contient un faux système d'autorisation. Vous pouvez donc le changer en identité ou dans l'autre.
Des versions dactylographiées et javascript sont disponibles.

Visual Studio Marketplace

Captures d'écran

Changements

v. 2.0.3 (2020-07-03)
  • Ajout de la prise en charge de Docker. ?
  • Ajout de la prévention des attaques XSS, grâce à Xuhaojun.
  • Dépendances mises à jour, supprimé des espaces de noms inutilisés.
v. 2.0.0 (2020-05-08)
  • Migré vers .NET Core 3.1 . ?
  • Migré vers Bootstrap 4 à l'aide de React-Bootstrap.
  • Migré vers Formik.
  • Les magasins Redux ont migré vers Redux Toolkit pour augmenter le développement avec Redux. Code réduit.
  • Améliorations de la journalisation et de la configuration Serilog .
  • Ajout de la prise en charge HTTPS au server-side rendering .
  • Ajout du code d'état modifiable dans les itinéraires pour le référencement.
  • Mis à jour certaines dépendances.
  • Correction de stabilité.
  • Supprimé les dépendances NPM inutiles.
v. 1.7.1 (2019-06-02)
  • MISE À JOUR React , Redux , React-Router et autres packages NPM qui leur sont connectés.
  • Dépend des NPM critiques mis à jour.
  • Supprimé les dépendances NPM inutiles.
v. 1.7.0 (2019-05-05)
  • Restructuration du référentiel.
  • Ajout de la version JavaScript de la buissier REACT Core. ?
  • Correction de stabilité.
  • Les dépendances critiques mises à jour.
v. 1.6.3 (2019-03-19)
  • Supprimé image-webpack-loader en raison de l'instabilité.
v. 1.6.2 (2019-03-15)
  • Plugin Terser stable installé.
  • React mis à jour et autres packages pour celui-ci (types incl.).
  • WebPack mis à jour.
  • Configage Webpack mis à jour pour le mode de développement.
v. 1.6.0 (2019-03-13)
  • Dépendance .NET Core mise à jour vers v. 2.2 .
  • Packages NPM critiques mis à jour.
  • Dépendances WebPack mises à jour.
  • Amélioration des configurations de fournisseurs et de bundle WebPack .
  • Fichier .csproj amélioré pour la création et la publication de scénarios.
  • Génération de cartes à source fixe en mode développement.
  • Correction de compilation du faisceau en mode de production.
  • Autres correctifs de stabilité.
v. 1.5.4 (2019-02-04)
  • Ajout de quelques fonctionnalités mineures.
  • Correction de bogues: collapsing of the Bootstrap navigation bar , fixed controller and frontend's service in person update case .
  • Dépendances mises à jour.
v. 1.5.3 (2018-12-04)
  • Ajout de polyfills pour soutenir IE9, IE11: @babel/polyfill , custom-event-polyfill .
  • Dépendances mises à jour.
v. 1.5.2 (2018-12-01)
  • Ajout de la recherche en direct FullText à l'exemple.
  • Ajout de plugins WebPack: case-sensitive-paths-webpack-plugin , react-dev-utils
  • Ajout de plugins avec des exemples: awesome-debounce-promise pour éviter de faire des requêtes fréquentes dans la recherche en direct, formik pour créer des formulaires en réaction sans larmes.
  • Correction de certaines erreurs fonctionnelles et texte.
v. 1.5.0 (1) (2018-11-07)
  • Ajout hosting.json qui contient des paramètres d'hébergement et sera utilisé dans la construction de production.
  • Ajout d'un package bind-decorator et Exemples avec.
  • Accéléré de la construction de packs WebPack.
  • Package de domaine mis à jour. Cette mise à jour vous permet d'éviter les appels pour les demandes de fetch isomorphes deux fois (dans Server Prerender et après elle - côté client).
  • Package redux-thunk mis à jour.
  • Ajout de nouveaux composants React pour éviter un mal de tête lorsque vous créez des applications Web: ModalComponent , Input , MultiSelect , Form . Ces composants sont utilisés dans des exemples.
v. 1.4.5 (2018-11-02)
  • L'ajout d'une nouvelle fonctionnalité permet à une application Web de partager le cookie du navigateur avec des nœuds de nœuds. Désormais, SSR génère du code HTML pour les utilisateurs authentifiés et fabrique des demandes isomorphes authentifiées.
  • Ajout de la méthode sendFormData à ServiceBase.ts qui vous permet de télécharger des fichiers sur le serveur.
v. 1.3.5 (2018-10-26)
  • Packages NPM mis à jour: react , redux , react-router .
  • Remplacé en raison de la dépréciation react-router-redux par le nouveau connected-react-router .
  • Composant Loader fixe qui a eu des problèmes dans certains cas.
v. 1.3.2 (2018-10-25)
  • Supprimé les packages NPM inutilisés.
  • Ajout de package-block.json.
  • Projet fixe.
v. 1.3.0 (2018-10-22)
  • Package REACT mis à jour.
  • Ajout du composant AppComponent qui vous permet de faire la "mise à jour de force" des composants "coincés" (pour le composant Loader Ex. Dans LoginPage ).
  • Ajout de la journalisation Serilog qui se connectent aux fichiers ( logs/ répertoires) et également dans un fournisseur de cloud Azure.
v. 1.2.1 (2018-10-20)
  • Composant Loader fixe qui a fonctionné incorrect avec SSR dans certains cas.
v. 1.2.0 (2018-10-18)
  • Dépendance mise à jour du package "ASP.NET Core" en raison de la vulnérabilité.
  • Ajout de la fonctionnalité qui vous permet de transmettre des objets JSON à une requête URL pour les méthodes GET et Supprimer.
v. 1.1.0 (2018-10-16)
  • Correction de la composante AppRoute . Problème résolu avec les paramètres de passage aux composants du routeur React. Si vous souhaitez le réparer manuellement, consultez la validation ici.

Usage

Installation

  1. Installez le dernier SDK .net Core et l'exécution par lien.
  2. Installation du dernier Node stable.js.
  3. Lors de la première manche, vous devez fermer le projet s'il s'exécute dans Visual Studio ou un autre IDE. Ouvrez le dossier du projet dans Console et exécutez la commande npm install .
  4. Exécutez la commande suivante pour le développement dans le répertoire de votre projet. Il compilera le pack principal et du vendeur. 
npm run build:dev
  1. Si vous utilisez Visual Studio 20XX, au lieu d' IIS Express , sélectionnez le YourProjectName ou ReactCoreBoilerplate : cliquez sur la flèche vers le bas près de l' IIS Express et choisissez Docker ou une autre option.
  2. Construire et exécuter le projet. Il commencera dans la console Windows.

Modifier la configuration du fournisseur de webpack

Si vous modifiez la configuration du fournisseur WebPack, vous devez recompiler manuellement le bundle du fournisseur. Exécutez la commande suivante dans le répertoire de votre projet pour ce faire: 

npm run build:dev

Courir avec docker

Visual Studio 20xx

Sélectionnez simplement l'option Docker dans la barre d'outils.

Construire un conteneur

Exécutez la commande suivante dans le répertoire de votre projet: 

docker build -t [my image name] .

où [my image name] est votre nom d'image docker.

Exécutez un conteneur de production sur Windows avec le support HTTPS (pour le test)

  1. Faites confiance au certificat de développement ASP.NET Core HTTPS sur Windows et MacOS: 
dotnet dev-certs https -ep %USERPROFILE% . aspnet h ttps a spnetapp.pfx -p [my password]

où [my password] est votre mot de passe.
2. Exécuter: 

dotnet dev-certs https --trust
  1. Construire votre conteneur.
  2. Exécuter: 
docker run --rm -it -p 7000:7000 -p 7001:7001 -e ASPNETCORE_URLS= " https://+;http://+ " -e ASPNETCORE_Kestrel__Certificates__Default__Password= " [my password] " -e ASPNETCORE_Kestrel__Certificates__Default__Path=/https/aspnetapp.pfx -v %USERPROFILE% . aspnet h ttps:/https/ [my image name]

Où [my password] - votre mot de passe de certificat (à partir de la 1ère étape), [my image name] - votre nom d'image Docker.

Éléments

Bibliothèques tierces:

  • TypeScript - All Frontend basé sur TypeScript.
  • FORK-TSS-CHECKER-WEBPACK-PLUGIN - Plugin WebPack qui exécute TypeScript Type Checker sur un processus séparé.
  • React - Bibliothèque principale qui a fonctionné comme isomorphe.
  • Routeur React - Routeur pour réagir.
  • React-Bootstrap - Bootstrap 4 pour React.
  • React-helmet - Aiders de référencement isomorphes.
  • Redux - Store.
  • Bibliothèque Redux - Library pour augmenter le développement avec Redux.
  • FORIK - BIBLIOTHÈQUE POUR LE CONSTRUCTION DES FORMES POUR REACT.
  • Routeur de réaction connecté - liaison redux pour le routeur React.
  • SASS - CSS PRÉPROCESSEUR.
  • WebPack 4 - Bundler.
  • Axios - Util de récupération isomorphe.
  • TS-NAMEOF - vous permet d'utiliser des noms de type de type d'entrées dans le formulaire.
  • JSON-To-URL - vous permet de transmettre des objets JSON à une requête URL pour les méthodes GET et Supprimer.
  • Serilog - vous permet de vous connecter à des fichiers ( logs/ répertoires) et également au fournisseur de cloud Azure.

Propres bibliothèques / fourches fixes:

  • Domain-Wait - Remplacement de la tâche de domaine avec une prise en charge asynchronisée / attendre et de nouvelles fonctionnalités.
  • NVAL - VALIDATEUR DE VANLILA JSE JQUERY-VALIDAGE.
  • NVAL-TIPPY - Vanilla JS Validation avec des infractions impressionnantes.
  • NSerializejson - Formulaire flexible en sérialiseur JSON basé sur Vanilla JS.

Problèmes

Problèmes connus

  • Erreur dans ./clientapp/styles/loaders/xxx.scss (./node_modules/css-loader/dist/cjs.js! [...]): Erreur: Enoent: pas de tel fichier ou répertoire, scandir 'xxx node_modules node-sass fournisseur'
    Exécutez npm i et npm rebuild node-sass dans le répertoire de votre projet.

  • Remplacement du module chaud de WebPack [HMR] ne fonctionne pas avec IIS
    Sera fixé. Utilisez plutôt Kestrel pour le développement.

  • Erreur HTTP 500
    Vous n'avez probablement pas la dernière version de Node.js.

  • Erreur HTTP 502.5
    Vous devez installer le dernier "ASP.net Core SDK" et "Runtime and Hosting Bundle" en utilisant ce lien: https://www.microsoft.com/net/download/dotnet-core/2.1

  • Erreur HTTP 500 lorsqu'elle est hébergée dans Azure
    Définissez le "site Web_node_default_version" sur 6.11.2 dans les "Paramètres de l'application" dans Azure.

  • Erreurs lors de l'exécution en mode développement après la publication
    Exécuter npm run build:dev Commande dans le DIR du projet.

Autres problèmes

  • Si vous avez un problème avec le démarrage du projet, vous pouvez voir les erreurs dans les journaux (répertoire "" / logs "). S'il vous plaît, faites-le avant l'ouverture d'un problème sur GitHub. N'oubliez pas de mentionner la version de la baillon REACT Core ( JavaScript ou TypeScript )

Licence

Mit

Développer
Informations supplémentaires
Applications connexes
Recommandé pour vous
Actualités connexes Tout