分類: 3C資訊

  • 010.OpenShift綜合實驗及應用

    010.OpenShift綜合實驗及應用

    實驗一 安裝OpenShift

    1.1 前置準備

    [student@workstation ~]$ lab review-install setup

    1.2 配置規劃

    OpenShift集群有三個節點:

    • master.lab.example.com:OpenShift master節點,是一個不可調度pod的節點。
    • node1.lab.example.com:一個OpenShift節點,它可以同時運行應用程序和基礎設施pod。
    • node2.lab.example.com:另一個OpenShift節點,它可以同時運行應用程序和基礎設施pod。

    所有節點都使用帶有overlay2驅動程序的OverlayFS來存儲Docker,每個節點中的第二個磁盤(vdb)保留給Docker存儲。

    所有節點都將使用基於rpm的安裝,使用release v3.9和OpenShift image tag version v3.9.14。

    路由的默認域是apps.lab.example.com。Classroom DNS服務器已經配置為將此域中的所有主機名解析為node1.lab.example.com。

    OpenShift集群使用的所有容器image都存儲在registry.lab.example.com提供的私有倉庫中。

    使用兩個基於HTPasswd身份驗證的初始用戶:developer和admin,起密碼都是redhat,developer作為普通用戶,admin作為集群管理員。

    services.lab.example.com中的NFS卷作為OpenShift內部倉庫的持久存儲支持。

    services.lab.example.com也為集群存儲提供NFS服務。

    etcd也部署在master節點上,同時存儲使用services.lab.example.com主機提供的NFS共享存儲。

    集群必須與Internet斷開連接,即使用離線包形式。

    內部OpenShift倉庫應該由NFS持久存儲支持,存儲位於services.lab.example.com。

    master API和控制台將在端口443上運行。

    安裝OpenShift所需的RPM包由已經在所有主機上使用Yum配置文件定義完成。

    /home/student/DO280/labs/review-install文件夾為OpenShift集群的安裝提供了一個部分完成的Ansible目錄文件。這個文件夾中包含了執行安裝前和安裝後步驟所需的Ansible playbook。

    測試應用程序由Git服務器http://services.lab.example.com/phphelloworld提供。這是一個簡單的“hello, world”應用程序。可以使用Source-to-Image來部署這個應用程序,以驗證OpenShift集群是否已部署成功。

    1.3 確認Ansible

      1 [student@workstation ~]$ cd /home/student/DO280/labs/review-install/
      2 [student@workstation review-install]$ sudo yum -y install ansible
      3 [student@workstation review-install]$ ansible --version
      4 [student@workstation review-install]$ cat ansible.cfg
      5 [defaults]
      6 remote_user = student
      7 inventory = ./inventory
      8 log_path = ./ansible.log
      9 
     10 [privilege_escalation]
     11 become = yes
     12 become_user = root
     13 become_method = sudo

    1.4 檢查Inventory

      1 [student@workstation review-install]$ cp inventory.preinstall inventory		#此為準備工作的Inventory
      2 [student@workstation review-install]$ cat inventory
      3 [workstations]
      4 workstation.lab.example.com
      5 
      6 [nfs]
      7 services.lab.example.com
      8 
      9 [masters]
     10 master.lab.example.com
     11 
     12 [etcd]
     13 master.lab.example.com
     14 
     15 [nodes]
     16 master.lab.example.com
     17 node1.lab.example.com
     18 node2.lab.example.com
     19 
     20 [OSEv3:children]
     21 masters
     22 etcd
     23 nodes
     24 nfs
     25 
     26 #Variables needed by the prepare_install.yml playbook.
     27 [nodes:vars]
     28 registry_local=registry.lab.example.com
     29 use_overlay2_driver=true
     30 insecure_registry=false
     31 run_docker_offline=true
     32 docker_storage_device=/dev/vdb

    提示:

    Inventory定義了六個主機組:

    • nfs:為集群存儲提供nfs服務的環境中的vm;
    • masters:OpenShift集群中用作master角色的節點;
    • etcd:用於OpenShift集群的etcd服務的節點,本環境中使用master節點;
    • node:OpenShift集群中的node節點;
    • OSEv3:組成OpenShift集群的所有接待,包括master、etcd、node或nfs組中的節點。

    注意:默認情況下,docker使用在線倉庫下載容器映像。本環境內部無網絡,因此將docker倉庫配置為內部私有倉庫。在yml中使用變量引入倉庫配置。

    此外,安裝會在每個主機上配置docker守護進程,以使用overlay2 image驅動程序存儲容器映像。Docker支持許多不同的image驅動。如AUFS、Btrfs、Device mapper、OverlayFS。

    1.5 確認節點

      1 [student@workstation review-install]$ cat ping.yml
      2 ---
      3 - name: Verify Connectivity
      4   hosts: all
      5   gather_facts: no
      6   tasks:
      7     - name: "Test connectivity to machines."
      8       shell: "whoami"
      9       changed_when: false
     10 [student@workstation review-install]$ ansible-playbook -v ping.yml

    1.6 準備工作

      1 [student@workstation review-install]$ cat prepare_install.yml
      2 ---
      3 - name: "Host Preparation: Docker tasks"
      4   hosts: nodes
      5   roles:
      6     - docker-storage
      7     - docker-registry-cert
      8     - openshift-node
      9 
     10   #Tasks below were not handled by the roles above.
     11   tasks:
     12     - name: Student Account - Docker Access
     13       user:
     14         name: student
     15         groups: docker
     16         append: yes
     17 
     18 ...
     19 [student@workstation review-install]$ ansible-playbook prepare_install.yml

    提示:如上yml引入了三個role,具體role內容參考《002.OpenShift安裝與部署》2.5步驟。

    1.7 確認驗證

      1 [student@workstation review-install]$ ssh node1 'docker pull rhel7:latest' #驗證是否可以正常pull image

    1.8 檢查Inventory

      1 [student@workstation review-install]$ cp inventory.partial inventory		#此為正常安裝的完整Inventory
      2 [student@workstation review-install]$ cat inventory
      3 [workstations]
      4 workstation.lab.example.com
      5 
      6 [nfs]
      7 services.lab.example.com
      8 
      9 [masters]
     10 master.lab.example.com
     11 
     12 [etcd]
     13 master.lab.example.com
     14 
     15 [nodes]
     16 master.lab.example.com
     17 node1.lab.example.com openshift_node_labels="{'region':'infra', 'node-role.kubernetes.io/compute':'true'}"
     18 node2.lab.example.com openshift_node_labels="{'region':'infra', 'node-role.kubernetes.io/compute':'true'}"
     19 
     20 [OSEv3:children]
     21 masters
     22 etcd
     23 nodes
     24 nfs
     25 
     26 #Variables needed by the prepare_install.yml playbook.
     27 [nodes:vars]
     28 registry_local=registry.lab.example.com
     29 use_overlay2_driver=true
     30 insecure_registry=false
     31 run_docker_offline=true
     32 docker_storage_device=/dev/vdb
     33 
     34 
     35 [OSEv3:vars]
     36 #General Variables
     37 openshift_disable_check=disk_availability,docker_storage,memory_availability
     38 openshift_deployment_type=openshift-enterprise
     39 openshift_release=v3.9
     40 openshift_image_tag=v3.9.14
     41 
     42 #OpenShift Networking Variables
     43 os_firewall_use_firewalld=true
     44 openshift_master_api_port=443
     45 openshift_master_console_port=443
     46 #default subdomain
     47 openshift_master_default_subdomain=apps.lab.example.com
     48 
     49 #Cluster Authentication Variables
     50 openshift_master_identity_providers=[{'name': 'htpasswd_auth', 'login': 'true', 'challenge': 'true', 'kind': 'HTPasswdPasswordIdentityProvider', 'filename': '/etc/origin/master/htpasswd'}]
     51 openshift_master_htpasswd_users={'admin': '$apr1$4ZbKL26l$3eKL/6AQM8O94lRwTAu611', 'developer': '$apr1$4ZbKL26l$3eKL/6AQM8O94lRwTAu611'}
     52 
     53 #Need to enable NFS
     54 openshift_enable_unsupported_configurations=true
     55 #Registry Configuration Variables
     56 openshift_hosted_registry_storage_kind=nfs
     57 openshift_hosted_registry_storage_access_modes=['ReadWriteMany']
     58 openshift_hosted_registry_storage_nfs_directory=/exports
     59 openshift_hosted_registry_storage_nfs_options='*(rw,root_squash)'
     60 openshift_hosted_registry_storage_volume_name=registry
     61 openshift_hosted_registry_storage_volume_size=40Gi
     62 
     63 #etcd Configuration Variables
     64 openshift_hosted_etcd_storage_kind=nfs
     65 openshift_hosted_etcd_storage_nfs_options="*(rw,root_squash,sync,no_wdelay)"
     66 openshift_hosted_etcd_storage_nfs_directory=/exports
     67 openshift_hosted_etcd_storage_volume_name=etcd-vol2
     68 openshift_hosted_etcd_storage_access_modes=["ReadWriteOnce"]
     69 openshift_hosted_etcd_storage_volume_size=1G
     70 openshift_hosted_etcd_storage_labels={'storage': 'etcd'}
     71 
     72 #Modifications Needed for a Disconnected Install
     73 oreg_url=registry.lab.example.com/openshift3/ose-${component}:${version}
     74 openshift_examples_modify_imagestreams=true
     75 openshift_docker_additional_registries=registry.lab.example.com
     76 openshift_docker_blocked_registries=registry.access.redhat.com,docker.io
     77 openshift_web_console_prefix=registry.lab.example.com/openshift3/ose-
     78 openshift_cockpit_deployer_prefix='registry.lab.example.com/openshift3/'
     79 openshift_service_catalog_image_prefix=registry.lab.example.com/openshift3/ose-
     80 template_service_broker_prefix=registry.lab.example.com/openshift3/ose-
     81 ansible_service_broker_image_prefix=registry.lab.example.com/openshift3/ose-
     82 ansible_service_broker_etcd_image_prefix=registry.lab.example.com/rhel7/
     83 [student@workstation review-install]$ lab review-install verify		#本環境使用腳本驗證

    1.9 安裝OpenShift Ansible playbook

      1 [student@workstation review-install]$ rpm -qa | grep atomic-openshift-utils
      2 [student@workstation review-install]$ sudo yum -y install atomic-openshift-utils

    1.10 Ansible安裝OpenShift

      1 [student@workstation review-install]$ ansible-playbook \
      2 /usr/share/ansible/openshift-ansible/playbooks/prerequisites.yml

      1 [student@workstation review-install]$ ansible-playbook \
      2 /usr/share/ansible/openshift-ansible/playbooks/deploy_cluster.yml

    1.11 確認驗證

    通過web控制台使用developer用戶訪問https://master.lab.example.com,驗證集群已成功配置。

    1.12 授權

      1 [student@workstation review-install]$ ssh root@master
      2 [root@master ~]# oc whoami
      3 system:admin
      4 [root@master ~]# oc adm policy add-cluster-role-to-user cluster-admin admin

    提示:master節點的root用戶,默認為集群管理員。

    1.13 登錄測試

      1 [student@workstation ~]$ oc login -u admin -p redhat \
      2 https://master.lab.example.com
      3 [student@workstation ~]$ oc get nodes			#驗證節點情況

    1.14 驗證pod

      1 [student@workstation ~]$ oc get pods -n default #查看內部pod

    1.15 測試S2I

      1 [student@workstation ~]$ oc login -u developer -p redhat \
      2 https://master.lab.example.com
      3 [student@workstation ~]$ oc new-project test-s2i	#創建項目
      4 [student@workstation ~]$ oc new-app --name=hello \
      5 php:5.6~http://services.lab.example.com/php-helloworld

    1.16 測試服務

      1 [student@workstation ~]$ oc get pods			#查看部署情況
      2 NAME            READY     STATUS    RESTARTS   AGE
      3 hello-1-build   1/1       Running   0          39s
      4 [student@workstation ~]$ oc expose svc hello		#暴露服務
      5 [student@workstation ~]$ curl hello-test-s2i.apps.lab.example.com	#測試訪問
      6 Hello, World! php version is 5.6.25

    1.17 實驗判斷

      1 [student@workstation ~]$ lab review-install grade #本環境使用腳本判斷
      2 [student@workstation ~]$ oc delete project test-s2i #刪除測試項目

    實驗二 部署一個應用

    2.1 前置準備

      1 [student@workstation ~]$ lab review-deploy setup

    2.2 應用規劃

    部署一個TODO LIST應用,包含以下三個容器:

    一個MySQL數據庫容器,它在TODO列表中存儲關於任務的數據。

    一個Apache httpd web服務器前端容器(todoui),它具有應用程序的靜態HTML、CSS和Javascript。

    基於Node.js的API後端容器(todoapi),將RESTful接口公開給前端容器。todoapi容器連接到MySQL數據庫容器來管理應用程序中的數據

    2.3 設置策略

      1 [student@workstation ~]$ oc login -u admin -p redhat https://master.lab.example.com
      2 [student@workstation ~]$ oc adm policy remove-cluster-role-from-group \
      3 self-provisioner system:authenticated system:authenticated:oauth
      4 #將項目創建限製為僅集群管理員角色,普通用戶不能創建新項目。

    2.4 創建項目

      1 [student@workstation ~]$ oc new-project todoapp
      2 [student@workstation ~]$ oc policy add-role-to-user edit developer	#授予developer用戶可訪問權限的角色edit

    2.5 設置quota

      1 [student@workstation ~]$ oc project todoapp
      2 [student@workstation ~]$ oc create quota todoapp-quota --hard=pods=1	#設置pod的quota

    2.6 創建應用

      1 [student@workstation ~]$ oc login -u developer -p redhat \
      2 https://master.lab.example.com						#使用developer登錄
      3 [student@workstation ~]$ oc new-app --name=hello \
      4 php:5.6~http://services.lab.example.com/php-helloworld			#創建應用
      5 [student@workstation ~]$ oc logs -f bc/hello				#查看build log

    2.7 查看部署

      1 [student@workstation ~]$ oc get pods
      2 NAME             READY     STATUS      RESTARTS   AGE
      3 hello-1-build    0/1       Completed   0          2m
      4 hello-1-deploy   1/1       Running     0          1m
      5 [student@workstation ~]$ oc get events
      6 ……
      7 2m          2m           7         hello.15b54ba822fc1029            DeploymentConfig
      8 Warning   FailedCreate            deployer-controller              Error creating deployer pod: pods "hello-1-deploy" is forbidden: exceeded quota: todoapp-quota, requested: pods=1, used: pods=1, limited: pods=
      9 [student@workstation ~]$ oc describe quota
     10 Name:       todoapp-quota
     11 Namespace:  todoapp
     12 Resource    Used  Hard
     13 --------    ----  ----
     14 pods        1     1

    結論:由於pod的硬quota限制,導致部署失敗。

    2.8 擴展quota

      1 [student@workstation ~]$ oc rollout cancel dc hello	#修正quota前取消dc
      2 [student@workstation ~]$ oc login -u admin -p redhat
      3 [student@workstation ~]$ oc project todoapp
      4 [student@workstation ~]$ oc patch resourcequota/todoapp-quota --patch '{"spec":{"hard":{"pods":"10"}}}'

    提示:也可以使用oc edit resourcequota todoapp-quota命令修改quota配置。

      1 [student@workstation ~]$ oc login -u developer -p redhat
      2 [student@workstation ~]$ oc describe quota		#確認quota
      3 Name:       todoapp-quota
      4 Namespace:  todoapp
      5 Resource    Used  Hard
      6 --------    ----  ----
      7 pods        0     10

    2.9 重新部署

      1 [student@workstation ~]$ oc rollout latest dc/hello
      2 [student@workstation ~]$ oc get pods			#確認部署成功
      3 NAME            READY     STATUS      RESTARTS   AGE
      4 hello-1-build   0/1       Completed   0          9m
      5 hello-2-qklrr   1/1       Running     0          12s
      6 [student@workstation ~]$ oc delete all -l app=hello	#刪除hello

    2.10 配置NFS

      1 [kiosk@foundation0 ~]$ ssh root@services
      2 [root@services ~]# mkdir -p /var/export/dbvol
      3 [root@services ~]# chown nfsnobody:nfsnobody /var/export/dbvol
      4 [root@services ~]# chmod 700 /var/export/dbvol
      5 [root@services ~]# echo "/var/export/dbvol *(rw,async,all_squash)" > /etc/exports.d/dbvol.exports
      6 [root@services ~]# exportfs -a
      7 [root@services ~]# showmount -e

    提示:本實驗使用services上的NFS提供的共享存儲為後續實驗提供持久性存儲。

    2.11 測試NFS

      1 [kiosk@foundation0 ~]$ ssh root@node1
      2 [root@node1 ~]# mount -t nfs services.lab.example.com:/var/export/dbvol /mnt
      3 [root@node1 ~]# ls -la /mnt ; mount | grep /mnt		#測試是否能正常掛載

    提示:建議node2做同樣測試,測試完畢需要卸載,後續使用持久卷會自動進行掛載。

    2.12 創建PV

      1 [student@workstation ~]$ vim /home/student/DO280/labs/review-deploy/todoapi/openshift/mysql-pv.yaml
      2 apiVersion: v1
      3 kind: PersistentVolume
      4 metadata:
      5  name: mysql-pv
      6 spec:
      7  capacity:
      8   storage: 2G
      9  accessModes:
     10   -  ReadWriteMany
     11  nfs:
     12   path: /var/export/dbvol
     13   server: services.lab.example.com
     14 [student@workstation ~]$ oc login -u admin -p redhat
     15 [student@workstation ~]$ oc create -f /home/student/DO280/labs/review-deploy/todoapi/openshift/mysql-pv.yaml
     16 [student@workstation ~]$ oc get pv

    2.13 導入模板

      1 [student@workstation ~]$ oc apply -n openshift -f /home/student/DO280/labs/review-deploy/todoapi/openshift/nodejs-mysql-template.yaml

    提示:模板文件見附件。

    2.14 使用dockerfile創建image

      1 [student@workstation ~]$ vim /home/student/DO280/labs/review-deploy/todoui/Dockerfile
      2 FROM  rhel7:7.5
      3 
      4 MAINTAINER Red Hat Training <training@redhat.com>
      5 
      6 # DocumentRoot for Apache
      7 ENV HOME /var/www/html
      8 
      9 # Need this for installing HTTPD from classroom yum repo
     10 ADD training.repo /etc/yum.repos.d/training.repo
     11 RUN yum downgrade -y krb5-libs libstdc++ libcom_err && \
     12     yum install -y --setopt=tsflags=nodocs \
     13     httpd \
     14     openssl-devel \
     15     procps-ng \
     16     which && \
     17     yum clean all -y && \
     18     rm -rf /var/cache/yum
     19 
     20 # Custom HTTPD conf file to log to stdout as well as change port to 8080
     21 COPY conf/httpd.conf /etc/httpd/conf/httpd.conf
     22 
     23 # Copy front end static assets to HTTPD DocRoot
     24 COPY src/ ${HOME}/
     25 
     26 # We run on port 8080 to avoid running container as root
     27 EXPOSE 8080
     28 
     29 # This stuff is needed to make HTTPD run on OpenShift and avoid
     30 # permissions issues
     31 RUN rm -rf /run/httpd && mkdir /run/httpd && chmod -R a+rwx /run/httpd
     32 
     33 # Run as apache user and not root
     34 USER 1001
     35 
     36 # Launch apache daemon
     37 CMD /usr/sbin/apachectl -DFOREGROUND
     38 [student@workstation ~]$ cd /home/student/DO280/labs/review-deploy/todoui/
     39 [student@workstation todoui]$ docker build -t todoapp/todoui .
     40 [student@workstation todoui]$ docker images
     41 REPOSITORY                       TAG                 IMAGE ID            CREATED             SIZE
     42 todoapp/todoui                   latest              0249e1c69e38        39 seconds ago      239 MB
     43 registry.lab.example.com/rhel7   7.5                 4bbd153adf84        12 months ago       201 MB

    2.15 推送倉庫

      1 [student@workstation todoui]$ docker tag todoapp/todoui:latest \
      2 registry.lab.example.com/todoapp/todoui:latest
      3 [student@workstation todoui]$ docker push \
      4 registry.lab.example.com/todoapp/todoui:latest

    提示:將從dockerfile創建的image打標,然後push至內部倉庫。

    2.16 導入IS

      1 [student@workstation todoui]$ oc whoami -c
      2 todoapp/master-lab-example-com:443/admin
      3 [student@workstation todoui]$ oc import-image todoui \
      4 --from=registry.lab.example.com/todoapp/todoui \
      5 --confirm -n todoapp					#將docker image導入OpenShift的Image Streams
      6 [student@workstation todoui]$ oc get is -n todoapp
      7 NAME      DOCKER REPO                                       TAGS      UPDATED
      8 todoui    docker-registry.default.svc:5000/todoapp/todoui   latest    13 seconds ago
      9 [student@workstation todoui]$ oc describe is todoui -n todoapp	#查看is

    2.17 創建應用

    瀏覽器登錄https://master.lab.example.com,選擇todoapp的項目。

    查看目錄。

    語言——>JavaScript——Node.js + MySQL (Persistent)。

    參考下錶建立應用:

    名稱
    Git Repository URL http://services.lab.example.com/todoapi
    Application Hostname todoapi.apps.lab.example.com
    MySQL Username todoapp
    MySQL Password todoapp
    Database name todoappdb
    Database Administrator Password redhat

    create進行創建。

    Overview進行查看。

    2.18 測試數據庫

      1 [student@workstation ~]$ oc port-forward mysql-1-6hq4d 3306:3306		#保持端口轉發
      2 [student@workstation ~]$ mysql -h127.0.0.1 -u todoapp -ptodoapp todoappdb < /home/student/DO280/labs/review-deploy/todoapi/sql/db.sql
      3 #導入測試數據至數據庫
      4 [student@workstation ~]$ mysql -h127.0.0.1 -u todoapp -ptodoapp todoappdb -e "select id, description, case when done = 1 then 'TRUE' else 'FALSE' END as done from Item;"
      5 #查看是否導入成功

    2.19 訪問測試

      1 [student@workstation ~]$ curl -s http://todoapi.apps.lab.example.com/todo/api/host | python -m json.tool	#curl訪問
      2 {
      3     "hostname": "todoapi-1-kxlnx",
      4     "ip": "10.128.0.12"
      5 }
      6 [student@workstation ~]$ curl -s http://todoapi.apps.lab.example.com/todo/api/items | python -m json.tool	#curl訪問

    2.20 創建應用

      1 [student@workstation ~]$ oc new-app --name=todoui -i todoui	#使用todoui is創建應用
      2 [student@workstation ~]$ oc get pods
      3 NAME              READY     STATUS      RESTARTS   AGE
      4 mysql-1-6hq4d     1/1       Running     0          9m
      5 todoapi-1-build   0/1       Completed   0          9m
      6 todoapi-1-kxlnx   1/1       Running     0          8m
      7 todoui-1-wwg28    1/1       Running     0          32s

    2.21 暴露服務

      1 [student@workstation ~]$ oc expose svc todoui --hostname=todo.apps.lab.example.com

    瀏覽器訪問:http://todo.apps.lab.example.com

    2.22 實驗判斷

      1 [student@workstation ~]$ lab review-deploy grade #本環境使用腳本判斷

    本站聲明:網站內容來源於博客園,如有侵權,請聯繫我們,我們將及時處理

    【其他文章推薦】

    網頁設計公司推薦不同的風格,搶佔消費者視覺第一線

    ※廣告預算用在刀口上,台北網頁設計公司幫您達到更多曝光效益

    ※自行創業缺乏曝光? 網頁設計幫您第一時間規劃公司的形象門面

    南投搬家公司費用需注意的眉眉角角,別等搬了再說!

    新北清潔公司,居家、辦公、裝潢細清專業服務

    ※教你寫出一流的銷售文案?

  • 完美解決asp.net core 3.1 兩個AuthenticationScheme(cookie,jwt)共存在一個項目中,基於領域驅動設計(DDD)超輕量級快速開發架構

    完美解決asp.net core 3.1 兩個AuthenticationScheme(cookie,jwt)共存在一個項目中,基於領域驅動設計(DDD)超輕量級快速開發架構

    內容

    在我的項目中有mvc controller(view 和 razor Page)同時也有webapi,那麼就需要網站同時支持2種認證方式,web頁面的需要傳統的cookie認證,webapi則需要使用jwt認證方式,兩種默認情況下不能共存,一旦開啟了jwt認證,cookie的登錄界面都無法使用,原因是jwt是驗證http head “Authorization” 這屬性.所以連login頁面都無法打開.

    解決方案

    實現web通過login頁面登錄,webapi 使用jwt方式獲取認證,支持refreshtoken更新過期token,本質上背後都使用cookie認證的方式,所以這樣的結果是直接導致token沒用,認證不是通過token唯一的作用就剩下refreshtoken了

    通過nuget 安裝組件包

    Microsoft.AspNetCore.Authentication.JwtBearer

    下面是具體配置文件內容

    //Jwt Authentication
          services.AddAuthentication(opts =>
          {
            //opts.DefaultAuthenticateScheme = CookieAuthenticationDefaults.AuthenticationScheme;
            //opts.DefaultChallengeScheme = JwtBearerDefaults.AuthenticationScheme;
          })
          //這裡是關鍵,添加一個Policy來根據http head屬性或是/api來確認使用cookie還是jwt chema
            .AddPolicyScheme(settings.App, "Bearer or Jwt", options =>
            {
              options.ForwardDefaultSelector = context =>
              {
                var bearerAuth = context.Request.Headers["Authorization"].FirstOrDefault()?.StartsWith("Bearer ") ?? false;
                // You could also check for the actual path here if that's your requirement:
                // eg: if (context.HttpContext.Request.Path.StartsWithSegments("/api", StringComparison.InvariantCulture))
                if (bearerAuth)
                  return JwtBearerDefaults.AuthenticationScheme;
                else
                  return CookieAuthenticationDefaults.AuthenticationScheme;
              };
            })
    //這裏和傳統的cookie認證一致       .AddCookie(CookieAuthenticationDefaults.AuthenticationScheme, options =>
           {
             options.LoginPath = "/Identity/Account/Login";
             options.LogoutPath = "/Identity/Account/Logout";
             options.AccessDeniedPath = "/Identity/Account/AccessDenied";
             options.Cookie.Name = "CustomerPortal.Identity";
             options.SlidingExpiration = true;
             options.ExpireTimeSpan = TimeSpan.FromSeconds(10); //Account.Login overrides this default value
           })
            .AddJwtBearer(x =>
          {
            x.RequireHttpsMetadata = false;
            x.SaveToken = true;
            x.TokenValidationParameters = new TokenValidationParameters
            {
              ValidateIssuerSigningKey = true,
              IssuerSigningKey = new SymmetricSecurityKey(Encoding.ASCII.GetBytes(Configuration["Jwt:Key"])),
              ValidateIssuer = true,
              ValidateAudience = true,
              ValidateLifetime = true,
              ValidIssuer = Configuration["Jwt:Issuer"],
              ValidAudience = Configuration["Jwt:Issuer"],
            };
          });
    
     //這裏需要對cookie做一個配置
          services.ConfigureApplicationCookie(options =>
          {
            // Cookie settings
            options.Cookie.Name = settings.App;
            options.Cookie.HttpOnly = true;
            options.ExpireTimeSpan = TimeSpan.FromSeconds(10);
            options.LoginPath = "/Identity/Account/Login";
            options.LogoutPath = "/Identity/Account/Logout";
            options.Events = new CookieAuthenticationEvents()
            {
              OnRedirectToLogin = context =>
              {
               //這裏區分當訪問/api 如果cookie過期那麼 不重定向到login登錄界面
                if (context.Request.Path.Value.StartsWith("/api"))
                {
                  context.Response.Clear();
                  context.Response.StatusCode = 401;
                  return Task.FromResult(0);
                }
                context.Response.Redirect(context.RedirectUri);
                return Task.FromResult(0);
              }
            };
            //options.AccessDeniedPath = "/Identity/Account/AccessDenied";
          });        

    startup.cs

    下面userscontroller 認證方式

    重點:我簡化了refreshtoken的實現方式,原本規範的做法是通過第一次登錄返回一個token和一個唯一的隨機生成的refreshtoken,下次token過期后需要重新發送過期的token和唯一的refreshtoken,同時後台還要比對這個refreshtoken是否正確,也就是說,第一次生成的refreshtoken必須保存到數據庫里,這裏我省去了這個步驟,這樣做是不嚴謹的的.

    [ApiController]
      [Route("api/users")]
      public class UsersEndpoint : ControllerBase
      {
        private readonly ILogger<UsersEndpoint> _logger;
        private readonly ApplicationDbContext _context;
        private readonly UserManager<ApplicationUser> _manager;
        private readonly SignInManager<ApplicationUser> _signInManager;
        private readonly SmartSettings _settings;
        private readonly IConfiguration _config;
    
        public UsersEndpoint(ApplicationDbContext context,
          UserManager<ApplicationUser> manager,
          SignInManager<ApplicationUser> signInManager,
          ILogger<UsersEndpoint> logger,
          IConfiguration config,
          SmartSettings settings)
        {
          _context = context;
          _manager = manager;
          _settings = settings;
          _signInManager = signInManager;
          _logger = logger;
          _config = config;
        }
        [Route("authenticate")]
        [AllowAnonymous]
        [HttpPost]
        public async Task<IActionResult> Authenticate([FromBody] AuthenticateRequest model)
        {
          try
          {
            //Sign user in with username and password from parameters. This code assumes that the emailaddress is being used as the username. 
            var result = await _signInManager.PasswordSignInAsync(model.UserName, model.Password, true, true);
    
            if (result.Succeeded)
            {
              //Retrieve authenticated user's details
              var user = await _manager.FindByNameAsync(model.UserName);
    
              //Generate unique token with user's details
              var accessToken = await GenerateJSONWebToken(user);
              var refreshToken = GenerateRefreshToken();
              //Return Ok with token string as content
              _logger.LogInformation($"{model.UserName}:JWT登錄成功");
              return Ok(new { accessToken = accessToken, refreshToken = refreshToken });
            }
            return Unauthorized();
          }
          catch (Exception e)
          {
            return StatusCode(500, e.Message);
          }
        }
        [Route("refreshtoken")]
        [AllowAnonymous]
        [HttpPost]
        public async Task<IActionResult> RefreshToken([FromBody] RefreshTokenRequest model)
        {
          var principal = GetPrincipalFromExpiredToken(model.AccessToken);
          var nameId = principal.Claims.First(x => x.Type == ClaimTypes.NameIdentifier).Value;
          var user = await _manager.FindByNameAsync(nameId);
          await _signInManager.RefreshSignInAsync(user);
    
            //Retrieve authenticated user's details
            //Generate unique token with user's details
            var accessToken = await GenerateJSONWebToken(user);
            var refreshToken = GenerateRefreshToken();
            //Return Ok with token string as content
            _logger.LogInformation($"{user.UserName}:RefreshToken");
            return Ok(new { accessToken = accessToken, refreshToken = refreshToken });
    
    
        }
    
        private async Task<string> GenerateJSONWebToken(ApplicationUser user)
        {
          //Hash Security Key Object from the JWT Key
          var securityKey = new SymmetricSecurityKey(Encoding.UTF8.GetBytes(_config["Jwt:Key"]));
          var credentials = new SigningCredentials(securityKey, SecurityAlgorithms.HmacSha256);
    
          //Generate list of claims with general and universally recommended claims
          var claims = new List<Claim>  {
               new Claim(ClaimTypes.NameIdentifier, user.UserName),
               new Claim(ClaimTypes.Name, user.UserName),
                    new Claim(JwtRegisteredClaimNames.Sub, user.Email),
                    new Claim(JwtRegisteredClaimNames.Jti, Guid.NewGuid().ToString()),
                    new Claim(ClaimTypes.NameIdentifier, user.Id),
                    //添加自定義claim
                    new Claim(ClaimTypes.GivenName, string.IsNullOrEmpty(user.GivenName) ? "" : user.GivenName),
                    new Claim(ClaimTypes.Email, user.Email),
                    new Claim("http://schemas.microsoft.com/identity/claims/tenantid", user.TenantId.ToString()),
                    new Claim("http://schemas.microsoft.com/identity/claims/avatars", string.IsNullOrEmpty(user.Avatars) ? "" : user.Avatars),
                    new Claim(ClaimTypes.MobilePhone, user.PhoneNumber)
          };
          //Retreive roles for user and add them to the claims listing
          var roles = await _manager.GetRolesAsync(user);
          claims.AddRange(roles.Select(r => new Claim(ClaimsIdentity.DefaultRoleClaimType, r)));
          //Generate final token adding Issuer and Subscriber data, claims, expriation time and Key
          var token = new JwtSecurityToken(_config["Jwt:Issuer"]
              , _config["Jwt:Issuer"],
              claims,
              null,
              expires: DateTime.Now.AddDays(30),
              signingCredentials: credentials
          );
    
          //Return token string
          return new JwtSecurityTokenHandler().WriteToken(token);
        }
    
        public string GenerateRefreshToken()
        {
          var randomNumber = new byte[32];
          using (var rng = RandomNumberGenerator.Create())
          {
            rng.GetBytes(randomNumber);
            return Convert.ToBase64String(randomNumber);
          }
        }
    
        private ClaimsPrincipal GetPrincipalFromExpiredToken(string token)
        {
          var tokenValidationParameters = new TokenValidationParameters
          {
            ValidateIssuerSigningKey = true,
            IssuerSigningKey = new SymmetricSecurityKey(Encoding.ASCII.GetBytes(_config["Jwt:Key"])),
            ValidateIssuer = true,
            ValidateAudience = true,
            ValidateLifetime = true,
            ValidIssuer = _config["Jwt:Issuer"],
            ValidAudience = _config["Jwt:Issuer"],
          };
    
          var tokenHandler = new JwtSecurityTokenHandler();
          SecurityToken securityToken;
          var principal = tokenHandler.ValidateToken(token, tokenValidationParameters, out securityToken);
          var jwtSecurityToken = securityToken as JwtSecurityToken;
          if (jwtSecurityToken == null || !jwtSecurityToken.Header.Alg.Equals(SecurityAlgorithms.HmacSha256, StringComparison.InvariantCultureIgnoreCase))
          {
            throw new SecurityTokenException("Invalid token");
          }
    
          return principal;
        }
    ....
    }
    }

    ControllerBase

    下面是測試

    獲取token

     refreshtoken

     

    獲取數據

     

     這裏獲取數據的時候,其實可以不用填入token,因為調用authenticate或refreshtoken是已經記錄了cookie到客戶端,所以在postman測試的時候都可以不用加token也可以訪問

     推廣一下我的開源項目

    基於領域驅動設計(DDD)超輕量級快速開發架構

    https://www.cnblogs.com/neozhu/p/13174234.html

    源代碼

    https://github.com/neozhu/smartadmin.core.urf

    本站聲明:網站內容來源於博客園,如有侵權,請聯繫我們,我們將及時處理

    【其他文章推薦】

    ※自行創業缺乏曝光? 網頁設計幫您第一時間規劃公司的形象門面

    網頁設計一頭霧水該從何著手呢? 台北網頁設計公司幫您輕鬆架站!

    ※想知道最厲害的網頁設計公司"嚨底家"!

    ※幫你省時又省力,新北清潔一流服務好口碑

    ※別再煩惱如何寫文案,掌握八大原則!

    ※產品缺大量曝光嗎?你需要的是一流包裝設計!

  • Spring Boot 2.x基礎教程:Spring Data JPA的多數據源配置

    上一篇我們介紹了在使用JdbcTemplate來做數據訪問時候的多數據源配置實現。接下來我們繼續學習如何在使用Spring Data JPA的時候,完成多數據源的配置和使用。

    添加多數據源的配置

    先在Spring Boot的配置文件application.properties中設置兩個你要鏈接的數據庫配置,比如這樣:

    spring.datasource.primary.jdbc-url=jdbc:mysql://localhost:3306/test1
    spring.datasource.primary.username=root
    spring.datasource.primary.password=123456
    spring.datasource.primary.driver-class-name=com.mysql.cj.jdbc.Driver
    
    spring.datasource.secondary.jdbc-url=jdbc:mysql://localhost:3306/test2
    spring.datasource.secondary.username=root
    spring.datasource.secondary.password=123456
    spring.datasource.secondary.driver-class-name=com.mysql.cj.jdbc.Driver
    
    # 日誌打印執行的SQL
    spring.jpa.show-sql=true
    # Hibernate的DDL策略
    spring.jpa.hibernate.ddl-auto=create-drop
    

    這裏除了JPA自身相關的配置之外,與JdbcTemplate配置時候的數據源配置完全是一致的

    說明與注意

    1. 多數據源配置的時候,與單數據源不同點在於spring.datasource之後多設置一個數據源名稱primarysecondary來區分不同的數據源配置,這個前綴將在後續初始化數據源的時候用到。
    2. 數據源連接配置2.x和1.x的配置項是有區別的:2.x使用spring.datasource.secondary.jdbc-url,而1.x版本使用spring.datasource.secondary.url。如果你在配置的時候發生了這個報錯java.lang.IllegalArgumentException: jdbcUrl is required with driverClassName.,那麼就是這個配置項的問題。

    初始化數據源與JPA配置

    完成多數據源的配置信息之後,就來創建個配置類來加載這些配置信息,初始化數據源,以及初始化每個數據源要用的JdbcTemplate。

    由於JPA的配置要比JdbcTemplate的負責很多,所以我們將配置拆分一下來處理:

    1. 單獨建一個多數據源的配置類,比如下面這樣:
    @Configuration
    public class DataSourceConfiguration {
    
        @Primary
        @Bean
        @ConfigurationProperties(prefix = "spring.datasource.primary")
        public DataSource primaryDataSource() {
            return DataSourceBuilder.create().build();
        }
    
        @Bean
        @ConfigurationProperties(prefix = "spring.datasource.secondary")
        public DataSource secondaryDataSource() {
            return DataSourceBuilder.create().build();
        }
    
    }
    

    可以看到內容跟JdbcTemplate時候是一模一樣的。通過@ConfigurationProperties可以知道這兩個數據源分別加載了spring.datasource.primary.*spring.datasource.secondary.*的配置。@Primary註解指定了主數據源,就是當我們不特別指定哪個數據源的時候,就會使用這個Bean真正差異部分在下面的JPA配置上。

    1. 分別創建兩個數據源的JPA配置。

    Primary數據源的JPA配置:

    @Configuration
    @EnableTransactionManagement
    @EnableJpaRepositories(
            entityManagerFactoryRef="entityManagerFactoryPrimary",
            transactionManagerRef="transactionManagerPrimary",
            basePackages= { "com.didispace.chapter38.p" }) //設置Repository所在位置
    public class PrimaryConfig {
    
        @Autowired
        @Qualifier("primaryDataSource")
        private DataSource primaryDataSource;
    
        @Autowired
        private JpaProperties jpaProperties;
        @Autowired
        private HibernateProperties hibernateProperties;
    
        private Map<String, Object> getVendorProperties() {
            return hibernateProperties.determineHibernateProperties(jpaProperties.getProperties(), new HibernateSettings());
        }
    
        @Primary
        @Bean(name = "entityManagerPrimary")
        public EntityManager entityManager(EntityManagerFactoryBuilder builder) {
            return entityManagerFactoryPrimary(builder).getObject().createEntityManager();
        }
    
        @Primary
        @Bean(name = "entityManagerFactoryPrimary")
        public LocalContainerEntityManagerFactoryBean entityManagerFactoryPrimary (EntityManagerFactoryBuilder builder) {
            return builder
                    .dataSource(primaryDataSource)
                    .packages("com.didispace.chapter38.p") //設置實體類所在位置
                    .persistenceUnit("primaryPersistenceUnit")
                    .properties(getVendorProperties())
                    .build();
        }
    
        @Primary
        @Bean(name = "transactionManagerPrimary")
        public PlatformTransactionManager transactionManagerPrimary(EntityManagerFactoryBuilder builder) {
            return new JpaTransactionManager(entityManagerFactoryPrimary(builder).getObject());
        }
    
    }
    

    Secondary數據源的JPA配置:

    @Configuration
    @EnableTransactionManagement
    @EnableJpaRepositories(
            entityManagerFactoryRef="entityManagerFactorySecondary",
            transactionManagerRef="transactionManagerSecondary",
            basePackages= { "com.didispace.chapter38.s" }) //設置Repository所在位置
    public class SecondaryConfig {
    
        @Autowired
        @Qualifier("secondaryDataSource")
        private DataSource secondaryDataSource;
    
        @Autowired
        private JpaProperties jpaProperties;
        @Autowired
        private HibernateProperties hibernateProperties;
    
        private Map<String, Object> getVendorProperties() {
            return hibernateProperties.determineHibernateProperties(jpaProperties.getProperties(), new HibernateSettings());
        }
    
        @Bean(name = "entityManagerSecondary")
        public EntityManager entityManager(EntityManagerFactoryBuilder builder) {
            return entityManagerFactorySecondary(builder).getObject().createEntityManager();
        }
    
        @Bean(name = "entityManagerFactorySecondary")
        public LocalContainerEntityManagerFactoryBean entityManagerFactorySecondary (EntityManagerFactoryBuilder builder) {
            return builder
                    .dataSource(secondaryDataSource)
                    .packages("com.didispace.chapter38.s") //設置實體類所在位置
                    .persistenceUnit("secondaryPersistenceUnit")
                    .properties(getVendorProperties())
                    .build();
        }
    
        @Bean(name = "transactionManagerSecondary")
        PlatformTransactionManager transactionManagerSecondary(EntityManagerFactoryBuilder builder) {
            return new JpaTransactionManager(entityManagerFactorySecondary(builder).getObject());
        }
    
    }
    

    說明與注意

    • 在使用JPA的時候,需要為不同的數據源創建不同的package來存放對應的Entity和Repository,以便於配置類的分區掃描
    • 類名上的註解@EnableJpaRepositories中指定Repository的所在位置
    • LocalContainerEntityManagerFactoryBean創建的時候,指定Entity所在的位置
    • 其他主要注意在互相注入時候,不同數據源不同配置的命名,基本就沒有什麼大問題了

    測試一下

    完成了上面之後,我們就可以寫個測試類來嘗試一下上面的多數據源配置是否正確了,比如下面這樣:

    @Slf4j
    @RunWith(SpringRunner.class)
    @SpringBootTest
    public class Chapter38ApplicationTests {
    
        @Autowired
        private UserRepository userRepository;
        @Autowired
        private MessageRepository messageRepository;
    
        @Test
        public void test() throws Exception {
            userRepository.save(new User("aaa", 10));
            userRepository.save(new User("bbb", 20));
            userRepository.save(new User("ccc", 30));
            userRepository.save(new User("ddd", 40));
            userRepository.save(new User("eee", 50));
    
            Assert.assertEquals(5, userRepository.findAll().size());
    
            messageRepository.save(new Message("o1", "aaaaaaaaaa"));
            messageRepository.save(new Message("o2", "bbbbbbbbbb"));
            messageRepository.save(new Message("o3", "cccccccccc"));
    
            Assert.assertEquals(3, messageRepository.findAll().size());
        }
    
    }
    

    說明與注意

    • 測試驗證的邏輯很簡單,就是通過不同的Repository往不同的數據源插入數據,然後查詢一下總數是否是對的
    • 這裏省略了Entity和Repository的細節,讀者可以在下方代碼示例中下載完整例子對照查看

    代碼示例

    本文的相關例子可以查看下面倉庫中的chapter3-8目錄:

    • Github:https://github.com/dyc87112/SpringBoot-Learning/
    • Gitee:https://gitee.com/didispace/SpringBoot-Learning/

    如果您覺得本文不錯,歡迎Star支持,您的關注是我堅持的動力!

    相關閱讀

    • Spring Boot 1.x基礎教程:多數據源配置

    本文首發:Spring Boot 2.x基礎教程:Spring Data JPA的多數據源配置,轉載請註明出處。
    歡迎關注我的公眾號:程序猿DD,獲得獨家整理的學習資源和日常乾貨推送。
    如果您對我的其他專題內容感興趣,直達我的個人博客:didispace.com。

    本站聲明:網站內容來源於博客園,如有侵權,請聯繫我們,我們將及時處理

    【其他文章推薦】

    ※廣告預算用在刀口上,台北網頁設計公司幫您達到更多曝光效益

    新北清潔公司,居家、辦公、裝潢細清專業服務

    ※別再煩惱如何寫文案,掌握八大原則!

    ※教你寫出一流的銷售文案?

    ※超省錢租車方案

    FB行銷專家,教你從零開始的技巧

  • 手把手教你基於SqlSugar4編寫一個可視化代碼生成器(生成實體,以SqlServer為例,文末附源碼)

    手把手教你基於SqlSugar4編寫一個可視化代碼生成器(生成實體,以SqlServer為例,文末附源碼)

      在開發過程中免不了創建實體類,字段少的表可以手動編寫,但是字段多還用手動創建的話不免有些浪費時間,假如一張表有100多個字段,手寫有些不現實。

    這時我們會藉助一些工具,如:動軟代碼生成器、各種ORM框架自帶的代碼生成器等等,都可以使用。

    我們現在就基於SqlSugar(ORM框架)自己動手製造一個輪子,以SqlServer為例。我們先看一下成品效果,

     

    使用流程:

      配置好數據庫鏈接,點擊【鏈接數據庫】獲取指定服務器上的數據庫名,點擊數據庫名,動態獲取數據庫下面的所有表,

    點擊數據表,如果生成過了的會自動獲取生成的實體,如果沒有生成過,點擊【生成實體】自動生成显示,直接複製即可使用。

    注:server=xxx.xxx.x.xxx這裏如果是本地沒有配置的話直接server=.即可。

     

     

     

     

    開發環境:

    編譯器:Visual Studio 2017

    運行環境:windows7 x64

    數據庫:SqlServer2012

     

    代碼實現步驟:

    一、創建一個ASP.NET Web應用,命名為GenerateEntity

     

     

     

     

     

     

    二、應用SqlSugar動態鏈接庫

     

     

     

    三、編寫代碼

    這裏分為前端和後端,前端頁面展示,後端後台邏輯(注:由於我們是代碼展示,所以就不搞三層架構、工廠模式這些,直接在控制器中完成,有需要的同學可以根據項目需求進行更改

    內部實現邏輯:

    • 在頁面上配置數據庫鏈接,點擊【鏈接數據庫】按鈕獲取指定數據庫的所有數據庫名显示在左邊;
    • 點擊左邊的數據庫名稱,動態獲取指定數據庫下面所有的表显示出來;
    • 點擊表名,生成過的就显示生成的實體,沒有的則點擊【生成實體】按鈕生成(支持生成單表和數據庫表全部生成);

    這裏我直接貼出代碼,直接拷貝即可使用:

    前端html頁面

    @{
        ViewBag.Title = "Home Page";
    }
    
    <script src="~/Scripts/jquery-3.3.1.js"></script>
    
    <div style="margin-top:10px;font-family:'Microsoft YaHei';font-size:18px; ">
        <div style="height:100px;width:100%;border:1px solid gray;padding:10px">
            <div>
                <span>鏈接數據庫:</span>
                <input style="width:800px;max-width:800px;" id="Link" value="server=xxx.xxx.x.xxx;uid=sa;pwd=xxx" />
                <a href="javascript:void(0)" onclick="LinkServer()">鏈接數據庫</a>
            </div>
            <div style="margin-top:10px">
                <span>數據庫名:</span>
                <input style="color:red;font-weight:600" id="ServerName" />
    
                <span>表名:</span>
                <input style="color:red;font-weight:600" id="TableName" />
    
                <span>生成類型:</span>
                <select id="type">
                    <option value="0">生成單個表</option>
                    <option value="1">生成所有表</option>
                </select>
                <a  href="javascript:void(0)" onclick="GenerateEntity()" style="margin-left:20px;font-weight:600;">生成實體</a>
                <br />
    
            </div>
        </div>
        <div style="height:720px;width:100%;">
            <div style="height:100%;width:40%;float:left; border:1px solid gray;font-size:20px">
    
                <div id="leftserver" style="float:left;border:1px solid gray;height:100%;width:40%;padding:10px;overflow: auto;">
    
                </div>
                <div id="lefttable" style="float:left;border:1px solid gray;height:100%;width:60%;padding:10px;overflow: auto;">
    
                </div>
            </div>
            <div  style="height:100%;width:60%;float:left;border:1px solid gray;overflow: auto;">
                <textarea style="width:100%;height:100%;max-width:10000px" id="righttable"></textarea>
            </div>
        </div>
    </div>
    
    <script type="text/javascript">
    
        //鏈接數據庫
        function LinkServer() {
            $.ajax({
                url: "/Home/LinkServer",
                data: { Link: $("#Link").val() },
                type: "POST",
                async: false,
                dataType: "json",
                success: function (data) {
                    if (data.res) {
                        if (data.info != "") {
                            $("#leftserver").html("");
                            var leftserver = "<span>數據庫名</span><hr />";
                            var info = eval("(" + data.info + ")");
                            for (var i = 0; i < info.length; i++) {
                                leftserver += "<a onclick=\"leftserver('" + info[i].Name + "')\">" + info[i].Name + "</a><br />";
                            }
    
                            $("#leftserver").html(leftserver);
                        }
                    }
                    else {
                        alert(data.msg);
                    }
                }
            });
        }
    
        //查詢指定數據庫的表
        function leftserver(Name) {
            $("#ServerName").val(Name)
            $.ajax({
                url: "/Home/GetTable",
                data: { Link: $("#Link").val(), Name: Name },
                type: "POST",
                async: false,
                dataType: "json",
                success: function (data) {
                    if (data.res) {
                        if (data.info != "") {
                            $("#lefttable").html("");
                            var lefttable = "<span>表名</span><hr />";
                            var info = eval("(" + data.info + ")");
                            for (var i = 0; i < info.length; i++) {
                                lefttable += "<a onclick=\"lefttable('" + info[i].Name + "')\">" + info[i].Name + "</a><br />";
                            }
    
                            $("#lefttable").html(lefttable);
                        }
                    }
                    else {
                        alert(data.msg);
                    }
                }
            });
        }
    
        //查詢指定數據庫的表
        function lefttable(Name) {
            $("#TableName").val(Name);
            $.ajax({
                url: "/Home/GetGenerateEntity",
                data: { TableName: Name },
                type: "POST",
                async: false,
                dataType: "json",
                success: function (data) {
                    if (data.res) {
                        document.getElementById("righttable").innerHTML = data.info;
                    }
                    else {
                        alert(data.msg);
                    }
                }
            });
        }
    
        //生成實體
        function GenerateEntity() {
    
            $.ajax({
                url: "/Home/GenerateEntity",
                data: {
                    Link: $("#Link").val(),
                    Name: $("#ServerName").val(),
                    TableName: $("#TableName").val(),
                    type: $("#type").val()
                },
                type: "POST",
                async: false,
                dataType: "json",
                success: function (data) {
                    if (data.res) {
                        document.getElementById("righttable").innerHTML = data.info;
                    }
                    else {
                        alert(data.msg);
                    }
                }
            });
        }
    
    </script>

     

    後端控制器數據

    using SqlSugar;
    using System;
    using System.Collections.Generic;
    using System.Linq;
    using System.Text;
    using System.Web;
    using System.Web.Mvc;
    
    namespace GenerateEntity.Controllers
    {
        public class HomeController : Controller
        {
            public ActionResult Index()
            {
                return View();
            }
    
            public ActionResult About()
            {
                ViewBag.Message = "Your application description page.";
    
                return View();
            }
    
            public ActionResult Contact()
            {
                ViewBag.Message = "Your contact page.";
    
                return View();
            }
    
    
         
            //鏈接數據庫
            public JsonResult LinkServer(string Link)
            {
                ResultInfo result = new ResultInfo();
                try
                {
                    //配置數據庫連接
                    SqlSugarClient db = new SqlSugarClient(
                                        new ConnectionConfig()
                                        {
                                            ConnectionString = ""+ Link + ";database=master",
                                            DbType = DbType.SqlServer,//設置數據庫類型
                                        IsAutoCloseConnection = true,//自動釋放數據務,如果存在事務,在事務結束后釋放
                                        InitKeyType = InitKeyType.Attribute //從實體特性中讀取主鍵自增列信息
                                    });
                    string sql = @"SELECT top 100000 Name FROM Master..SysDatabases ORDER BY Name";  //查詢所有鏈接的所有數據庫名
                    var strList = db.SqlQueryable<databaseName>(sql).ToList();
                    result.info = Newtonsoft.Json.JsonConvert.SerializeObject(strList);
                    result.res = true;
                    result.msg = "鏈接成功!";
                }
                catch (Exception ex)
                {
                    result.msg = ex.Message;
                }
    
                return Json(result, JsonRequestBehavior.AllowGet);
            }
    
            //根據數據庫名查詢所有表
            public JsonResult GetTable(string Link,string Name)
            {
    
                ResultInfo result = new ResultInfo();
                try
                {
                    //配置數據庫連接
                    SqlSugarClient db = new SqlSugarClient(
                                        new ConnectionConfig()
                                        {
                                            ConnectionString = "" + Link + ";database="+ Name + "",
                                            DbType = DbType.SqlServer,//設置數據庫類型
                                            IsAutoCloseConnection = true,//自動釋放數據務,如果存在事務,在事務結束后釋放
                                            InitKeyType = InitKeyType.Attribute //從實體特性中讀取主鍵自增列信息
                                        });
    
                    string sql = @"SELECT top 10000 Name FROM SYSOBJECTS WHERE TYPE='U' ORDER BY Name";  //查詢所有鏈接的所有數據庫名
                    var strList = db.SqlQueryable<databaseName>(sql).ToList();
                    result.info = Newtonsoft.Json.JsonConvert.SerializeObject(strList);
                    result.res = true;
                    result.msg = "查詢成功!";
                }
                catch (Exception ex)
                {
                    result.msg = ex.Message;
                }
    
                return Json(result, JsonRequestBehavior.AllowGet);
            }
    
            //生成實體
            public JsonResult GenerateEntity(string Link, string Name,string TableName,string type)
            {
    
                ResultInfo result = new ResultInfo();
                try
                {
                    //配置數據庫連接
                    SqlSugarClient db = new SqlSugarClient(
                                        new ConnectionConfig()
                                        {
                                            ConnectionString = "" + Link + ";database=" + Name + "",
                                            DbType = DbType.SqlServer,//設置數據庫類型
                                            IsAutoCloseConnection = true,//自動釋放數據務,如果存在事務,在事務結束后釋放
                                            InitKeyType = InitKeyType.Attribute //從實體特性中讀取主鍵自增列信息
                                        });
    
                    string path = "C:\\Demo\\2";
    
                    if (type == "0")
                    {
                        path = "C:\\Demo\\2";
                        db.DbFirst.Where(TableName).CreateClassFile(path);
                        result.info = System.IO.File.ReadAllText(@"" + path + "\\" + TableName + ".cs" + "", Encoding.UTF8);
                    }
                    else if (type == "1")
                    {
                        path = "C:\\Demo\\3";
                        db.DbFirst.IsCreateAttribute().CreateClassFile(path);
                        result.info = "";
                    }
    
                    
                    
                    result.res = true;
                    result.msg = "生成成功!";
                }
                catch (Exception ex)
                {
                    result.msg = ex.Message;
                }
    
                return Json(result, JsonRequestBehavior.AllowGet);
            }
    
            //生成全部表時查看
            public JsonResult GetGenerateEntity(string TableName)
            {
    
                ResultInfo result = new ResultInfo();
                try
                {
                    string path = "C:\\Demo\\3";
                    result.info = System.IO.File.ReadAllText(@"" + path + "\\" + TableName + ".cs" + "", Encoding.UTF8);
                    result.res = true;
                    result.msg = "查詢成功!";
                }
                catch (Exception ex)
                {
                    result.msg = ex.Message;
                    try
                    {
                        if (result.msg.Contains("未能找到文件"))
                        {
                           string path = "C:\\Demo\\2";
                            result.info = System.IO.File.ReadAllText(@"" + path + "\\" + TableName + ".cs" + "", Encoding.UTF8);
                            result.res = true;
                            result.msg = "查詢成功!";
                        }
                    }
                    catch (Exception)
                    {
                        result.msg = ex.Message;
                    }
                }
    
                return Json(result, JsonRequestBehavior.AllowGet);
            }
    
            //數據庫名
            public class databaseName
            {
                public string Name { get; set; }
            }
    
            //封裝返回信息數據
            public class ResultInfo
            {
                public ResultInfo()
                {
                    res = false;
                    startcode = 449;
                    info = "";
                }
                public bool res { get; set; }  //返回狀態(true or false)
                public string msg { get; set; }  //返回信息
                public int startcode { get; set; }  //返回http的狀態碼
                public string info { get; set; }  //返回的結果(res為true時返回結果集,res為false時返回錯誤提示)
            }
    
        }
    }

     

     

     

    這樣一套可視化代碼生成器就出來了,我們把他發布到IIS上面,然後設置為瀏覽器標籤(收藏),這樣就可以快捷使用了。

    我們運行一下看看,是不是感覺很方便呀!

     

     

     

    歡迎關注訂閱我的微信公眾平台【熊澤有話說】,更多好玩易學知識等你來取
    作者:熊澤-學習中的苦與樂
    公眾號:熊澤有話說
    出處: https://www.cnblogs.com/xiongze520/p/13181241.html
    創作不易,版權歸作者和博客園共有,轉載或者部分轉載、摘錄,請在文章明顯位置註明作者和原文鏈接。  

     

    本站聲明:網站內容來源於博客園,如有侵權,請聯繫我們,我們將及時處理

    【其他文章推薦】

    新北清潔公司,居家、辦公、裝潢細清專業服務

    ※別再煩惱如何寫文案,掌握八大原則!

    網頁設計一頭霧水該從何著手呢? 台北網頁設計公司幫您輕鬆架站!

    ※超省錢租車方案

    ※教你寫出一流的銷售文案?

    網頁設計最專業,超強功能平台可客製化

  • 特斯拉今年或沿京滬高速布局充電設施

    據阿思達克財經報導,特斯拉產品專家表示,特斯拉預計第二或者第三季度在上海開店,同時,特斯拉在中國的充電設施首先會沿著京滬高速布局,只是具體布局時間暫不確定。

    上述人士表示,特斯拉(Tesla)中國客戶現在訂車,將於今年年底拿到車。上海客戶屆時則可以直接在上海提車,不需要自己出錢把車從北京提到上海。另外,特斯拉客戶可以用自己的燃油車車牌置換,或者參與上海市拍牌。

    據介紹,特斯拉在中國大陸目前有6輛,北京店有3輛上牌車,還有3輛試駕車。

    針對客戶關心的充電問題,該產品專家表示,客戶購買特斯拉的車價裡面已經包含了充電樁費用,消費者不會再另外花錢購買充電樁,隻需要再支付從物業拉電到車位的材料、人工等費用。

    本站聲明:網站內容來源於EnergyTrend https://www.energytrend.com.tw/ev/,如有侵權,請聯繫我們,我們將及時處理

    【其他文章推薦】

    ※帶您來了解什麼是 USB CONNECTOR  ?

    ※自行創業缺乏曝光? 網頁設計幫您第一時間規劃公司的形象門面

    ※如何讓商品強力曝光呢? 網頁設計公司幫您建置最吸引人的網站,提高曝光率!

    ※綠能、環保無空污,成為電動車最新代名詞,目前市場使用率逐漸普及化

    ※廣告預算用在刀口上,台北網頁設計公司幫您達到更多曝光效益

    ※教你寫出一流的銷售文案?

  • 2014第三屆混合動力汽車技術高峰會議

    展會主題:
    時間:2014年06月26日 至 2014年06月27日
    地點:Sheraton Shanghai Hongqiao Hotel
    主辦單位:Merisis Consulting

    會議背景介紹:

    在中國日益嚴重的環境污染壓力和“霧霾”陰影籠罩下,混合動力及純電動汽車的發展形成了勢在必行的趨勢。即使《節能與新能源汽車產業發展規劃》以及四部委聯合發佈的《關於繼續開展新能源汽車推廣應用工作的通知》中明確了純電動以及插電式混合動力汽車的補貼政策,第二批新能源汽車試點運行城市也出臺在即,但新能源汽車產業的前景仍然未能明朗化,標準不統一,基礎建設不健全,電池技術受到局限的電動車以及補貼政策不明確的混合動力汽車都面臨各自發展的瓶頸。在全球並未形成一種成熟應用模式的狀況下,中國應該走出怎樣的一條有自我特色的路線圖。

    上海麥瑞賽公司舉辦的混合動力技術峰會將在2014年走入第三個年頭,今年的活動將以“技術驅動混合動力汽車市場化”為主題,探討更多整車廠以及關鍵零部件廠商們共同關注的電池、動力總成、變速箱等關鍵技術,也會融合更多探索純電動車,燃料電池汽車及混合動力汽車未來政策趨勢,商業模式以及標準推進方面的資訊。

    我們希望本次峰會可以幫助更多業界同仁通過會議的一手資訊更好的判斷行業未來走向,並且在交換前沿及最新技術,展示領先產品的同時,汲取海外整車廠以及頂尖廠商的經驗,推動整車廠們對純電動及混合動力汽車的研發和市場化的進展。也説明技術/材料/產品提供商們展示自身最新研發和技術成果,並在此平臺上找到與整車商項目以及需求的契合點,獲得在中國本土市場上更多的推廣機會和品牌知名度。

    關鍵議題:

    • 如何降低新能源汽車成本並提高市場接受度
    • 技術轉化成產業化,依靠企業還是政策
    • 未來HEV的補貼政策出臺的大致時間表
    • 不同整車廠在底盤系統及變速箱方面的新技術進展
    • 整車集成 / 電機集成的項目方案和合作資源,找到適合自身的合作夥伴
    • 探討近年鋰電池安全事故頻發,如何增加安全性。其他電池安全評估現狀如何
    • PHEV的現有技術的最新進展
    • 如何像特拉斯一樣從根本上顛覆傳統汽車設計

     

    部分已確認演講嘉賓:

    孟凡一    秘書長    中國機電產品進出口商會汽車分會
    張銅柱    高級工程師    中國汽車技術研究中心
    劉彥龍    副秘書長    中國化學與物理電源行業協會
    鄧先泉    新能源汽車研究所所長    深圳市五洲龍汽車有限公司
    Phil Barker    合動力及電動車輛產品總工程師    蓮花汽車科技工程公司
    梁春奇    總工程師    長城汽車研究院  底盤研究院院長
    徐嚴冬    總工程師    上海電驅動股份有限公司

    欲瞭解更多詳情,請登錄官網:

    聯繫方式:

    聯繫電話:021-61808505*212
    手 機:15900722272
    傳 真:021-61808511
    郵 件:
    聯 系 人:萬小姐
    網 址:

    本站聲明:網站內容來源於EnergyTrend https://www.energytrend.com.tw/ev/,如有侵權,請聯繫我們,我們將及時處理

    【其他文章推薦】

    ※為什麼 USB CONNECTOR 是電子產業重要的元件?

    網頁設計一頭霧水該從何著手呢? 台北網頁設計公司幫您輕鬆架站!

    ※台北網頁設計公司全省服務真心推薦

    ※想知道最厲害的網頁設計公司"嚨底家"!

    新北清潔公司,居家、辦公、裝潢細清專業服務

    ※推薦評價好的iphone維修中心

  • 新技術如何驅動混合動力汽車市場化-第三屆混合動力汽車技術峰會

    新技術如何驅動混合動力汽車市場化-第三屆混合動力汽車技術峰會

    在中國日益嚴重的環境污染壓力和“霧霾”陰影籠罩下,混合動力及純電動汽車的發展形成了勢在必行的趨勢。即使《節能與新能源汽車產業發展規劃》以及四部委聯合發佈的《關於繼續開展新能源汽車推廣應用工作的通知》中明確了純電動以及插電式混合動力汽車的補貼政策,第二批新能源汽車試點運行城市也出臺在即,但新能源汽車產業的前景仍然未能明朗化,標準不統一,基礎建設不健全,電池技術受到局限的電動車以及補貼政策不明確的混合動力汽車都面臨各自發展的瓶頸。在全球並未形成一種成熟應用模式的狀況下,中國應該走出怎樣的一條有自我特色的路線圖。

    目前,全球能源和環境系統面臨巨大的挑戰,汽車作為石油消耗和二氧化碳排放的大戶,需要進行革命性的變革。目前全球新能源汽車發展已經形成了共識,從長期來看,包括純電動、燃料電池技術在內的純電驅動將是新能源汽車的主要技術方向,在短期內,油電混合、插電式混合動力將是重要的過渡路線。目前來看,全球新能源汽車的發展還面臨著一些共同的難題,例如關鍵技術的突破、汽車工業的轉型、基礎設施的建設以及消費者的接受度等。

    為了提升中國混合動力汽車技術發展,幫助整車廠獲得一手的技術和市場訊息,第三屆混合動力汽車技術峰會茲定於2014年6月26日至27日,在虹橋喜來登上海太平洋大飯店舉行,主題為“技術驅動混合動力汽車市場化”。

    市場方面,中國汽車技術研究中心的高級工程師張銅柱將在此次會議上對電動汽車分標委工作及標準最新制修訂情況做相關發言,介紹工作組成立背景、工作組籌備情況、成員構成、工作內容及工作計畫等。中國化學與物理電源行業協會副秘書長劉彥龍將會就新能源汽車用動力電池市場需求發表演講,深度分析目前國內外鋰電池的發展處於一個什麼狀態,決定鋰電池未來應用之路的關鍵是什麼。中國機電產品進出口商會汽車分會秘書長孟凡一將會對中國汽車進出口情況進行回顧及展望,並分析在全球經濟活動較弱以及國際貿易保護主義抬頭的態勢下,2014年國際汽車市場的總體形勢和客觀上嚴重影響我國汽車出口行業的諸多不確定因素。

    技術方面,精進電動創始人兼CTO蔡蔚將會對汽車電動化的動力總成與動力總成的電機系統做相關介紹,講述他觀點中混合動力汽車長期存在的基礎,動力總成的拓撲結構,混合動力變速箱的分析與比較,以及動力總成對電機系統要求與電機系同的開發及產業化。上海電驅動股份有限公司技術中心主任徐延東將結合領先的Demo project解析混合動力電機控制器集成裝置及其技術解決方案。其他技術題目還包括底盤,控制器軟硬體,逆變器,插電式混合動力,增程式混合動力汽車以及超級電容等領域的領先技術。

    歷屆混合動力汽車技術峰會得到了發改委能源研究所、中國汽車工業協會專家委員會、上海汽車工程學會、中國汽車技術研究中心、中國電源產業創新聯盟、上海交通大學汽車工程研究院、汽車安全與節能國家重點實驗室、中國北方車輛研究所動力電池實驗室等組織的大力支持。

    更多詳情請聯繫第三屆混合動力汽車技術峰會組委會
    朱小姐電話:+86 21 61808505*212
    郵箱:

    本站聲明:網站內容來源於EnergyTrend https://www.energytrend.com.tw/ev/,如有侵權,請聯繫我們,我們將及時處理
    【其他文章推薦】

    USB CONNECTOR掌控什麼技術要點? 帶您認識其相關發展及效能

    台北網頁設計公司這麼多該如何選擇?

    ※智慧手機時代的來臨,RWD網頁設計為架站首選

    ※評比南投搬家公司費用收費行情懶人包大公開

    ※幫你省時又省力,新北清潔一流服務好口碑

    ※回頭車貨運收費標準

  • 豐田、本田或於明年量產並銷售燃料電池車

    行駛時不會排放二氧化碳的燃料電池車(FCV)在日本一直受到企業與政府的推崇與支持。FCV目前以租賃販售為主,但自2015年起,FCV將開始針對一般消費者、企業進行販售,可望進一步加快普及。

    據日經新聞26日報導,本田汽車(Honda)將在2015年11月透過狹山工廠開始生產FCV,並將在2015年內於日美歐進行販售,年產量預估為1,000台、售價預估將壓在1,000萬日圓以下。

    本田所將生產的FCV為5人座車款,且充飽一次燃料所能行駛的距離可達約500km、為現行電動車(EV)的2倍水準。

    除了本田之外,豐田(Toyota)也將透過本社工廠生產FCV,年產量將同樣為1,000台、也同樣將在2015年內於日美歐開賣,且之後並計劃於2020年將年產量擴增至數萬台的規模。

    豐田預計在2015年開賣的FCV售價將壓在1,000萬日圓以下,且之後並計劃於2020年代將售價壓低至300-500萬日圓的水準。

    燃料電池車研發「三國鼎立」格局

    豐田汽車於2013年1月宣布將攜手德國車廠BMW研發燃料電池車。

    雷諾-日產聯盟(The Renault-Nissan Alliance)也於2013年1月宣布將攜手德國戴姆勒(Daimler)、美國福特汽車(Ford)研發燃料電池(FC)系統,以藉此大幅刪減投資成本,目標為在2017年開賣全球首款經濟實惠的量產款FCV。

    另外,本田也於2013年7月宣布,將與美國汽車大廠通用汽車(General Motors;GM)攜手研發燃料電池車(FCV),而本田預計在2015年開賣的FCV就可能使用GM的技術。

    日本政府補助建造燃料站

    據華爾街日報去年12月26日的報導,日本政府宣布,2014年4月起的會計年度,將撥款72億日圓,補助建造氫燃料站;同時也將挹注64億日圓研發如何降低燃料電池的製造成本。

    本站聲明:網站內容來源於EnergyTrend https://www.energytrend.com.tw/ev/,如有侵權,請聯繫我們,我們將及時處理

    【其他文章推薦】

    網頁設計一頭霧水該從何著手呢? 台北網頁設計公司幫您輕鬆架站!

    網頁設計公司推薦不同的風格,搶佔消費者視覺第一線

    ※想知道購買電動車哪裡補助最多?台中電動車補助資訊懶人包彙整

    南投搬家公司費用,距離,噸數怎麼算?達人教你簡易估價知識!

    ※教你寫出一流的銷售文案?

    ※超省錢租車方案

  • 特斯拉向企業客戶推出電動車租賃計劃 以提振需求

    特斯拉(Tesla)於8日推出面向企業客戶的S型豪華跑車租賃計劃,以爭取更多的美國國內客戶。消費者可分期支付車款,在租期截止後可選擇支付餘款並擁有汽車,也可選擇將汽車歸還。有意願者在網上僅需5分鐘就可提交一份租賃申請。

    此舉正逢S型豪華跑車在美國的銷量開始放慢增長。今年第一季度,S型車在美國市場售出4700輛,比去年同期僅增長1%。特斯拉公司表示,相比去年向個人客戶推出的一種功能相當於租賃計劃的推銷模式,面向中小企業的租賃計劃更為直接透明,租賃費可在企業納稅時扣抵。

    S型全電動跑車是特斯拉的主打產品,去年登上美國最暢銷豪華車榜單。但市場分析人士認為,美國消費者對該系列汽車的興趣開始消退,需求進入穩定階段,因此開拓國際市場對特斯拉來說尤為重要。他們預計,中國消費者早期的強勁需求可能是提升S型車銷量的最大因素。

    特斯拉電池工廠計畫面臨危機

    另外,特斯拉早前宣佈將耗資數十億美元建造全球最大的電池工廠,以求大幅降低電動車成本,幫助特斯拉進入中端市場。不過,特斯拉新聞發言人西恩曾表示,特斯拉電動車電池的兩項重要原料資源,現在均面臨缺乏危機。

    石墨是特斯拉電動車電池最重要的原料之一,特斯拉目前使用的石墨原料絕大部分來自日本和歐洲市場,且都是化學合成石墨,而並非天然開採的石墨。美國稀有金屬諮詢分析公司Technology Metal預計,未來需要新增6個石墨礦才能夠滿足不斷增長的電池生產對原材料的需求,石墨的價格則會繼續上漲。

    本站聲明:網站內容來源於EnergyTrend https://www.energytrend.com.tw/ev/,如有侵權,請聯繫我們,我們將及時處理

    【其他文章推薦】

    網頁設計一頭霧水該從何著手呢? 台北網頁設計公司幫您輕鬆架站!

    網頁設計公司推薦不同的風格,搶佔消費者視覺第一線

    ※Google地圖已可更新顯示潭子電動車充電站設置地點!!

    ※廣告預算用在刀口上,台北網頁設計公司幫您達到更多曝光效益

    ※別再煩惱如何寫文案,掌握八大原則!

  • 日本4大車廠傳籌組合資公司 以大量擴增國內充電設施

    據日經新聞12日報導,為了加快電動車(EV)、插電式油電混合車(PHV)的普及速度,豐田汽車(Toyota)、本田汽車(Honda)、日產汽車(Nissan)和三菱汽車(Mitsubishi)等日本4大車廠將出資合組一家從事充電設備整備業務的新公司,以藉此加快日本充電設施的整備速度。

    該家合資新公司將在5月底設立,出資比重預估各為25%,今後並計劃將設備整備對象擴及至燃料電池車(FCV)上。

    EV用充電器分為快速充電器(僅需約30分鐘就可將EV電力充到8成滿)和普通充電器兩種,截至2014年3月底為止,日本國內的快速充電器和普通充電器數量分別為2千座、4千座。而上述日本4大車廠已於2013年7月同意攜手合作擴增充電器數量,目標為新增4千座快速充電器和8千座普通充電器。

    報導稱,設置一座快速充電器的費用最高達500萬日圓,故若要達到上述目標,預估需300億日圓資金,惟因日本政府最高可補助3/2的設置費用,故上述4大車廠計劃透過新公司平均負擔所需的剩餘費用,藉此可讓加油站、便利超商等充電器設置業者所需負擔的費用變為零、可望進一步加快充電器的普及速度。

    此外,合資新公司還將努力提高充電器使用費徵收公司的收費系統相容性,以打消顧客對其便利性的顧慮。

    本站聲明:網站內容來源於EnergyTrend https://www.energytrend.com.tw/ev/,如有侵權,請聯繫我們,我們將及時處理

    【其他文章推薦】

    ※自行創業缺乏曝光? 網頁設計幫您第一時間規劃公司的形象門面

    網頁設計一頭霧水該從何著手呢? 台北網頁設計公司幫您輕鬆架站!

    ※想知道最厲害的網頁設計公司"嚨底家"!

    ※幫你省時又省力,新北清潔一流服務好口碑

    ※別再煩惱如何寫文案,掌握八大原則!