品优购13—跨域解决方案与提交订单

阅读数: 次 2020-09-24

EverydayOneCat

🦷✖️3⃣️➕📦➕🚪➕🚰➕🐱✖️3⃣️

SooN～

4e37d8efeb00816c732cc93597863f8a40876a3e.png@518w_1e_1c

概述

从商品详细页点击“加入购物车”按钮，将当前商品加入购物车，并跳转到购物车页面。这里我们生成商品详细页用的是9105接口，而加入购物车需要用到9107接口的请求，这就涉及到js跨域请求。

这里说的js跨域是指通过js在不同的域之间进行数据传输或通信，比如用ajax向一个不同的域请求数据，或者通过js获取页面中不同域的框架中(iframe)的数据。只要协议、域名、端口有任何一个不同，都被当作是不同的域

在这之前，我们已经介绍了两种解决方案：jsonp和httpClient。这里我们介绍另一种——CORS。

后面，我们将介绍分布式数据库存储ID的解决方案——雪花算法。

1.跨域解决方案CORS

CORS是一个W3C标准，全称是”跨域资源共享”（Cross-origin resource sharing）。CORS需要浏览器和服务器同时支持。目前，所有浏览器都支持该功能，IE浏览器不能低于IE10。

它允许浏览器向跨源服务器，发出XMLHttpRequest请求，从而克服了AJAX只能同源使用的限制。整个CORS通信过程，都是浏览器自动完成，不需要用户参与。对于开发者来说，CORS通信与同源的AJAX通信没有差别，代码完全一样。浏览器一旦发现AJAX请求跨源，就会自动添加一些附加的头信息，有时还会多出一次附加的请求，但用户不会有感觉。因此，实现CORS通信的关键是服务器。只要服务器实现了CORS接口，就可以跨源通信。

（1）修改pinyougou-cart-web 的CartController.java的addGoodsToCartList方法，添加下面两句代码

1
2

response.setHeader("Access-Control-Allow-Origin", "http://localhost:9105");//不涉及cookie操作这一句就够了
response.setHeader("Access-Control-Allow-Credentials", "true");//涉及cookie操作必须加上这句

Access-Control-Allow-Origin是HTML5中定义的一种解决资源跨域的策略。他是通过服务器端返回带有Access-Control-Allow-Origin标识的Response header，用来解决资源的跨域权限问题。也可以设置为 * 表示该资源谁都可以用

这是我们测试，发现报错：

CORS请求默认不发送Cookie和HTTP认证信息。如果要把Cookie发到服务器，一方面要服务器同意，指定Access-Control-Allow-Credentials字段。另一方面，开发者必须在AJAX请求中打开withCredentials属性。否则，即使服务器同意发送Cookie，浏览器也不会发送。或者，服务器要求设置Cookie，浏览器也不会处理。

所以我们修改itemController.js

//添加商品到购物车
$scope.addToCart=function(){
	$http.get('http://localhost:9107/cart/addGoodsToCartList.do?itemId='
	+ $scope.sku.id +'&num='+$scope.num,{'withCredentials':true}).success(
			function(response){
				.......				 
			}				
	);		
}

springMVC的版本在4.2或以上版本，可以使用注解实现跨域, 我们只需要在需要跨域的方法上添加注解@CrossOrigin即可

1	@CrossOrigin(origins="http://localhost:9105",allowCredentials="true")

这里allowCredentials=”true”可以缺省

2.保存订单

2.1分布式ID生成解决方案

这里我们分析一下为什么不让订单id自增：

对于互联网应用，订单会极其多，订单表会占用很大的空间，为了防止硬盘溢出，我们采用数据库分片的方式，把一个数据库进行拆分，通过数据库中间件(如Mycat)进行连接。

这也会导致一个问题，如果屎自增又是分布，可能会导致产生重复的ID，这里我们有以下解决方案：

UUID（一般不用：太长；没办法排序）
Redis（产生自增的序号，主键的生成需要访问Redis，对Redis有依赖）
Oracle数据库对象—序列（与表无关），局限：只有数据库用Oracle才能使用
自己写算法，借鉴雪花算法

2.2Snowflake算法

Snowflake是推特公司开源的ID生成算法

package util;

import java.lang.management.ManagementFactory;
import java.net.InetAddress;
import java.net.NetworkInterface;

/**
 * <p>名称：IdWorker.java</p>
 * <p>描述：分布式自增长ID</p>
 * <pre>
 *     Twitter的 Snowflake　JAVA实现方案
 * </pre>
 * 核心代码为其IdWorker这个类实现，其原理结构如下，我分别用一个0表示一位，用—分割开部分的作用：
 * 1||0---0000000000 0000000000 0000000000 0000000000 0 --- 00000 ---00000 ---000000000000
 * 在上面的字符串中，第一位为未使用（实际上也可作为long的符号位），接下来的41位为毫秒级时间，
 * 然后5位datacenter标识位，5位机器ID（并不算标识符，实际是为线程标识），
 * 然后12位该毫秒内的当前毫秒内的计数，加起来刚好64位，为一个Long型。
 * 这样的好处是，整体上按照时间自增排序，并且整个分布式系统内不会产生ID碰撞（由datacenter和机器ID作区分），
 * 并且效率较高，经测试，snowflake每秒能够产生26万ID左右，完全满足需要。
 * <p>
 * 64位ID (42(毫秒)+5(机器ID)+5(业务编码)+12(重复累加))
 *
 * @author Polim
 */
public class IdWorker {
    // 时间起始标记点，作为基准，一般取系统的最近时间（一旦确定不能变动）
    private final static long twepoch = 1288834974657L;
    // 机器标识位数
    private final static long workerIdBits = 5L;
    // 数据中心标识位数
    private final static long datacenterIdBits = 5L;
    // 机器ID最大值
    private final static long maxWorkerId = -1L ^ (-1L << workerIdBits);
    // 数据中心ID最大值
    private final static long maxDatacenterId = -1L ^ (-1L << datacenterIdBits);
    // 毫秒内自增位
    private final static long sequenceBits = 12L;
    // 机器ID偏左移12位
    private final static long workerIdShift = sequenceBits;
    // 数据中心ID左移17位
    private final static long datacenterIdShift = sequenceBits + workerIdBits;
    // 时间毫秒左移22位
    private final static long timestampLeftShift = sequenceBits + workerIdBits + datacenterIdBits;

    private final static long sequenceMask = -1L ^ (-1L << sequenceBits);
    /* 上次生产id时间戳 */
    private static long lastTimestamp = -1L;
    // 0，并发控制
    private long sequence = 0L;

    private final long workerId;
    // 数据标识id部分
    private final long datacenterId;

    public IdWorker(){
        this.datacenterId = getDatacenterId(maxDatacenterId);
        this.workerId = getMaxWorkerId(datacenterId, maxWorkerId);
    }
    /**
     * @param workerId
     *            工作机器ID
     * @param datacenterId
     *            序列号
     */
    public IdWorker(long workerId, long datacenterId) {
        if (workerId > maxWorkerId || workerId < 0) {
            throw new IllegalArgumentException(String.format("worker Id can't be greater than %d or less than 0", maxWorkerId));
        }
        if (datacenterId > maxDatacenterId || datacenterId < 0) {
            throw new IllegalArgumentException(String.format("datacenter Id can't be greater than %d or less than 0", maxDatacenterId));
        }
        this.workerId = workerId;
        this.datacenterId = datacenterId;
    }
    /**
     * 获取下一个ID
     *
     * @return
     */
    public synchronized long nextId() {
        long timestamp = timeGen();
        if (timestamp < lastTimestamp) {
            throw new RuntimeException(String.format("Clock moved backwards.  Refusing to generate id for %d milliseconds", lastTimestamp - timestamp));
        }

        if (lastTimestamp == timestamp) {
            // 当前毫秒内，则+1
            sequence = (sequence + 1) & sequenceMask;
            if (sequence == 0) {
                // 当前毫秒内计数满了，则等待下一秒
                timestamp = tilNextMillis(lastTimestamp);
            }
        } else {
            sequence = 0L;
        }
        lastTimestamp = timestamp;
        // ID偏移组合生成最终的ID，并返回ID
        long nextId = ((timestamp - twepoch) << timestampLeftShift)
                | (datacenterId << datacenterIdShift)
                | (workerId << workerIdShift) | sequence;

        return nextId;
    }

    private long tilNextMillis(final long lastTimestamp) {
        long timestamp = this.timeGen();
        while (timestamp <= lastTimestamp) {
            timestamp = this.timeGen();
        }
        return timestamp;
    }

    private long timeGen() {
        return System.currentTimeMillis();
    }

    /**
     * <p>
     * 获取 maxWorkerId
     * </p>
     */
    protected static long getMaxWorkerId(long datacenterId, long maxWorkerId) {
        StringBuffer mpid = new StringBuffer();
        mpid.append(datacenterId);
        String name = ManagementFactory.getRuntimeMXBean().getName();
        if (!name.isEmpty()) {
         /*
          * GET jvmPid
          */
            mpid.append(name.split("@")[0]);
        }
      /*
       * MAC + PID 的 hashcode 获取16个低位
       */
        return (mpid.toString().hashCode() & 0xffff) % (maxWorkerId + 1);
    }

    /**
     * <p>
     * 数据标识id部分
     * </p>
     */
    protected static long getDatacenterId(long maxDatacenterId) {
        long id = 0L;
        try {
            InetAddress ip = InetAddress.getLocalHost();
            NetworkInterface network = NetworkInterface.getByInetAddress(ip);
            if (network == null) {
                id = 1L;
            } else {
                byte[] mac = network.getHardwareAddress();
                id = ((0x000000FF & (long) mac[mac.length - 1])
                        | (0x0000FF00 & (((long) mac[mac.length - 2]) << 8))) >> 6;
                id = id % (maxDatacenterId + 1);
            }
        } catch (Exception e) {
            System.out.println(" getDatacenterId: " + e.getMessage());
        }
        return id;
    }


}

10位工作机器ID：5位数据中心ID+5位机器ID

2.3代码实现

spring配置文件中添加配置

<bean id="idWorker" class="util.IdWorker">
    	<!-- 进程ID -->
    	<constructor-arg index="0" value="0"></constructor-arg>
    	<!-- 数据中心ID -->
    	<constructor-arg index="1" value="0"></constructor-arg>
 </bean>

修改pinyougou-order-service的OrderServiceImpl.java

@Autowired
private RedisTemplate<String, Object> redisTemplate;

@Autowired
private TbOrderItemMapper orderItemMapper;

@Autowired
private IdWorker idWorker;

/**
	 * 增加
	 */
@Override
public void add(TbOrder order) {
    //得到购物车数据
    List<Cart> cartList = (List<Cart>) 
        redisTemplate.boundHashOps("cartList").get( order.getUserId() );
    for(Cart cart:cartList){
        long orderId = idWorker.nextId();
        System.out.println("sellerId:"+cart.getSellerId());
        TbOrder tborder=new TbOrder();//新创建订单对象
        tborder.setOrderId(orderId);//订单ID
        tborder.setUserId(order.getUserId());//用户名
        tborder.setPaymentType(order.getPaymentType());//支付类型
        tborder.setStatus("1");//状态：未付款
        tborder.setCreateTime(new Date());//订单创建日期
        tborder.setUpdateTime(new Date());//订单更新日期
        tborder.setReceiverAreaName(order.getReceiverAreaName());//地址
        tborder.setReceiverMobile(order.getReceiverMobile());//手机号
        tborder.setReceiver(order.getReceiver());//收货人
        tbOrder.setSourceType(order.getSourceType());//订单来源
        tborder.setSellerId(cart.getSellerId());//商家ID				
        //循环购物车明细
        double money=0;
        for(TbOrderItem orderItem :cart.getOrderItemList()){		
            orderItem.setId(idWorker.nextId());
            orderItem.setOrderId( orderId  );//订单ID	
            orderItem.setSellerId(cart.getSellerId());
            money+=orderItem.getTotalFee().doubleValue();//金额累加
            orderItemMapper.insert(orderItem);				
        }
        tborder.setPayment(new BigDecimal(money));			
        orderMapper.insert(tborder);	
    }
    redisTemplate.boundHashOps("cartList").delete(order.getUserId());
}

修改pinyougou-cart-web的OrderController.java

/**
	 * 增加
	 * @param order
	 * @return
	 */
@RequestMapping("/add")
public Result add(@RequestBody TbOrder order){
    //获取当前登录人账号
    String username = SecurityContextHolder.getContext().getAuthentication().getName();
    order.setUserId(username);
    order.setSourceType("2");//订单来源  PC
    try {
        orderService.add(order);
        return new Result(true, "增加成功");
    } catch (Exception e) {
        e.printStackTrace();
        return new Result(false, "增加失败");
    }
}

结语

我生理性别是男，心理性别是女，穿男装是因为异装癖，喜欢女性是因为同性恋，这样女拳师打不到我了吧😂