欢迎访问 生活随笔!

生活随笔

当前位置: 首页 > 运维知识 > 数据库 >内容正文

数据库

jhipster 配置 mysql_java – 将jhipster后端和前端分成两个项目?

发布时间:2024/7/19 数据库 47 豆豆
生活随笔 收集整理的这篇文章主要介绍了 jhipster 配置 mysql_java – 将jhipster后端和前端分成两个项目? 小编觉得挺不错的,现在分享给大家,帮大家做个参考.

我正在尝试jhipster基于令牌的身份验证.它完美地运作.

现在,我想在不同的域上运行后端和前端代码.我怎样才能做到这一点?

这是我试过的:

>运行yo jhipster并选择基于令牌的身份验证选项:

Welcome to the JHipster Generator

? (1/13) What is the base name of your application? jhipster

? (2/13) What is your default Java package name? com.mycompany.myapp

? (3/13) Do you want to use Java 8? Yes (use Java 8)

? (4/13) Which *type* of authentication would you like to use? Token-based authentication (stateless, with a token)

? (5/13) Which *type* of database would you like to use? SQL (H2, MySQL, PostgreSQL)

? (6/13) Which *production* database would you like to use? MySQL

? (7/13) Which *development* database would you like to use? H2 in-memory with Web console

? (8/13) Do you want to use Hibernate 2nd level cache? Yes, with ehcache (local cache, for a single node)

? (9/13) Do you want to use clustered HTTP sessions? No

? (10/13) Do you want to use WebSockets? No

? (11/13) Would you like to use Maven or Gradle for building the backend? Maven (recommended)

? (12/13) Would you like to use Grunt or Gulp.js for building the frontend? Grunt (recommended)

? (13/13) Would you like to use the Compass CSS Authoring Framework? No

...

I'm all done. Running bower install & npm install for you

^C

>将项目的两个副本设为jhipster / backend和jhipster / frontend

>从后端和前端删除不需要的文件

rm -rf backend/.bowerrc

rm -rf backend/.jshintrc

rm -rf backend/bower.json

rm -rf backend/Gruntfile.js

rm -rf backend/package.json

rm -rf backend/src/main/webapp

rm -rf backend/src/test/javascript

rm -rf frontend/pom.xml

rm -rf frontend/src/main/java

rm -rf frontend/src/main/resources

rm -rf frontend/src/test/gatling

rm -rf frontend/src/test/java

rm -rf frontend/src/test/resources

>在代码中进行更改以完全删除后端/前端依赖项

> frontend / Gruntfile.js

...

var parseVersionFromPomXml = function() {

return '1.2.2.RELEASE';

};

...

browserSync: { ..., proxy: "localhost:8081" }

> frontend / src / main / webapp / scripts / app / app.js

angular.module('jhipsterApp', [...])

.constant('API_URL', 'http://localhost:8080/')

.run( ... )

> frontend / src / main / webapp / scripts / ** / * .service.js

angular.module('jhipsterApp').factory(..., API_URL) {

return $http.post(API_URL + 'api/authenticate', ...);

}

angular.module('jhipsterApp').factory('Account', function Account($resource, API_URL) {

return $resource(API_URL + 'api/account', {}, {...});

}

// Make similar changes in all service files.

> backend / pom.xml

删除yeoman-maven-plugin

> backend / src / main / java / com / mycompany / myapp / SimpleCORSFilter.java

// Copied from here: https://spring.io/guides/gs/rest-service-cors/

@Component

public class SimpleCORSFilter implements Filter {

public void doFilter(...) {

...

response.setHeader("Access-Control-Allow-Origin", "*");

...

}

}

>跑

>终端标签#1:BACKEND

cd backend

mvn spring-boot:run

...

[INFO] com.mycompany.myapp.Application - Started Application in 11.529 seconds (JVM running for 12.079)

[INFO] com.mycompany.myapp.Application - Access URLs:

----------------------------------------------------------

Local: http://127.0.0.1:8080

External: http://192.168.56.1:8080

----------------------------------------------------------

>终端标签#2:FRONTEND

cd frontend/src/main/webapp

npm install -g http-server

http-server

Starting up http-server, serving ./ on: http://0.0.0.0:8081

Hit CTRL-C to stop the server

>终端选项卡#3:GRUNT

cd frontend

bower install

npm install

grunt serve

...

[BS] Proxying: http://localhost:8081

[BS] Access URLs:

-------------------------------------

Local: http://localhost:3000

External: http://10.34.16.128:3000

-------------------------------------

UI: http://localhost:3001

UI External: http://10.34.16.128:3001

-------------------------------------

输入用户名:密码为admin:admin

我们的BACKEND标签显示:

[DEBUG] com.mycompany.myapp.security.Http401UnauthorizedEntryPoint - Pre-authenticated entry point called. Rejecting access

显然,我做错了什么.它是什么?

总结

以上是生活随笔为你收集整理的jhipster 配置 mysql_java – 将jhipster后端和前端分成两个项目?的全部内容,希望文章能够帮你解决所遇到的问题。

如果觉得生活随笔网站内容还不错,欢迎将生活随笔推荐给好友。