# Docker multi-stage build # 1. Building the App with Maven FROM maven:3-jdk-11 ADD . /springvuedir WORKDIR /springvuedir # Just echo so we can see, if everything is there :) RUN ls -l # Run Maven build RUN mvn clean install # Just using the build artifact and then removing the build-container FROM openjdk:11-jdk MAINTAINER keepprogress VOLUME /tmp # Add Spring Boot app.jar to Container COPY --from=0 "/springvuedir/backend/target/backend-1.0.0.jar" app.jar ENV JAVA_OPTS="" # Fire up our Spring Boot app by default ENTRYPOINT [ "sh", "-c", "java $JAVA_OPTS -Djava.security.egd=file:/dev/./urandom -jar /app.jar" ]

建立.travis.yml檔案 before_install 配置與application-dev.properties 對應之datasource ------------------------------------------------------------------------------- language: java jdk: - openjdk8 - openjdk9 - openjdk11 service: - mysql before_install: - mysql -u root -e 'CREATE SCHEMA IF NOT EXISTS `full-stack-ecommerce`;' - mysql -u root -e "CREATE USER IF NOT EXISTS 'ecommerce'@'localhost' IDENTIFIED BY 'ecommerce';" - mysql -u root -e "GRANT ALL PRIVILEGES ON * . * TO 'ecommerce'@'localhost';" - mysql -u root -e "USE `full-stack-ecommerce`;" script: mvn clean install cache: directories: - node_modules -------------------------------------------------------------------------------

module.exports = { // proxy all webpack dev-server requests starting with /api // to our Spring Boot backend (localhost:8098) using http-proxy-middleware // see https://cli.vuejs.org/config/#devserver-proxy devServer: { proxy: { '/api': { target: 'http://localhost:8098', ws: true, changeOrigin: true } } }, ... } -------------------------------------------------------------------------------- 在vue根目錄創建vue.config.js https://cli.vuejs.org/zh/config/#devserver-proxy 須注意使用devserver-proxy跳轉到localhost:8098時 axios的api baseURL 配置只需維持預設值(8080)，設定8098會CORS失敗

#datasource.url=postgres://lfjmhfcpbxtzjh:46fc048e051f0d530e492f17a9042422c3797ecc882de4b5bbc5106eac0b0df8@ec2-54-166-242-77.compute-1.amazonaws.com:5432/d1p7k40m672pvb ##check ok! spring.datasource.url=jdbc:postgresql://ec2-54-166-242-77.compute-1.amazonaws.com:5432/d1p7k40m672pvb?useUnicode=true&characterEncoding=UTF-8 spring.datasource.username=lfjmhfcpbxtzjh spring.datasource.password=46fc048e051f0d530e492f17a9042422c3797ecc882de4b5bbc5106eac0b0df8 spring.datasource.type=org.apache.tomcat.jdbc.pool.DataSource spring.datasource.driver-class-name=org.postgresql.Driver spring.jpa.hibernate.ddl-auto=update spring.jpa.database-platform=org.hibernate.dialect.PostgreSQLDialect 

const chrome = require('chromedriver') module.exports = { src_folders: ['tests/e2e/youtubee2e'], page_objects_path: ['tests/e2e/youtubee2e/pageobj'], webdriver: { start_process: true, server_path: chrome.path, port: 9500 }, test_settings: { default: { desiredCapabilities: { browserName: 'chrome' } } } }

import Vue from 'vue' import Vuex from 'vuex' import api from '@/utils/backend-api.js' Vue.use(Vuex) export default new Vuex.Store({ state: { loginSuccess: false, loginError: false, userName: null, userPass: null }, actions: { login ({ commit }, { user, password }) { return new Promise((resolve, reject) => { console.log("Accessing backend with user: '" + user) api.getSecured(user, password) .then(response => { console.log("Response: '" + response.data + "' with Statuscode " + response.status) if (response.status === 200) { console.log('Login successful') // place the loginSuccess state into our vuex store commit('loginSuccess', { userName: user, userPass: password }) } resolve(response) }) .catch(error => { console.log('Error: ' + error) // place the loginError state into our vuex store commit('loginError', { userName: user }) reject(new Error('Invalid credentials!')) }) }) } }, mutations: { loginSuccess (state, payload) { state.loginSuccess = true state.username = payload.userName }, loginError (state, payload) { state.loginError = true state.userName = payload.userName } }, getters: { isLoggedIn: state => state.loginSuccess, hasLoginErrored: state => state.loginError } })

router.beforeEach((to, from, next) => { if (to.matched.some(record => record.meta.requiresAuth)) { // this route requires auth, check if logged in // if not, redirect to login page. console.log('Needs Authorization Here!') if (!store.getters.isLoggedIn) { next({ path: '/login' }) } else { next() } } else { next() // make sure to always call next()! } })