首页
前端开发
Webpack
React前端OAuth实践

React前端OAuth实践

30 次浏览 0 条评论
zip
zip

React前端OAuth实践指南

本指南介绍如何使用 Create React App 集成 OAuth 授权流程。

项目启动

yarn start

此命令将在开发模式下启动应用程序，并在浏览器中打开。代码编辑后，页面会自动重新加载，控制台会显示代码检查错误信息。

测试

yarn test

此命令将启动交互式监视模式下的测试运行器，更多信息请参考 Jest 文档。

生产环境构建

yarn build

此命令将构建生产环境代码，并将打包后的文件输出到 build 文件夹。构建过程会对 React 代码进行优化，并生成带有哈希值的文件名以实现最佳性能。

依赖项移除

yarn eject

注意： 这是一个不可逆操作，执行后将无法恢复！

如果您对默认的构建工具和配置不满意，可以使用此命令移除项目对 react-scripts 的依赖，并将所有配置文件和传递依赖项复制到项目中，以便进行自定义配置。

zip
oauth-practice-frontend-main.zip 预估大小：30个文件
folder
oauth-practice-frontend-main 文件夹
file
package.json 1KB
file
package-lock.json 642KB
folder
src 文件夹
file
App.css 87B
folder
assets 文件夹
file
githubLogoWhite.png 4KB
file
twitterLogo.png 4KB
file
githubLogoBlack.png 3KB
file
googleLogo.png 4KB
file
react-app-env.d.ts 40B
folder
Components 文件夹
folder
CustomButton 文件夹
file
CustomButton.module.css 592B
file
CustomButton.tsx 771B
folder
NavBar 文件夹
file
NavBar.tsx 1KB
file
NavBar.module.css 440B
folder
Homepage 文件夹
folder
Homepage.module.css 文件夹
file
Homepage.tsx 353B
folder
LoginPage.tsx 文件夹
file
LoginPage.module.css 246B
file
LoginPage.tsx 1KB
file
Context.tsx 952B
file
index.tsx 449B
file
App.tsx 924B
folder
types 文件夹
file
maintypes.ts 141B
file
tsconfig.json 531B
file
.gitignore 310B
folder
public 文件夹
file
logo192.png 5KB
file
manifest.json 492B
file
robots.txt 67B
file
index.html 2KB
file
logo512.png 9KB
file
favicon.ico 4KB
file
README.md 2KB
file
yarn.lock 497KB
zip 文件大小：398.25KB