m.coding.net:https

  • y8_422627
    了解作者
  • 3.3MB
    文件大小
  • zip
    文件格式
  • 0
    收藏次数
  • VIP专享
    资源类型
  • 0
    下载次数
  • 2022-04-30 06:05
    上传日期
m.coding.net项目介绍 此项目为m.coding.net的前端代码,初始化api和coding.net一致,通过跨域ajax请求域名下的api实现数据通信。实际开发过程中可能会因为本地域名导致CORS限制以至至于无法获取数据。具体解决方案可查看。项目通过Yeoman生成代码模块版,转换为使用Grunt来完成类似转换,开启服务器之类的任务。项目的开发基于ZeptoJS框架,并实现了某种实现请参见其 项目运行 Clone项目之后,执行以下步骤命令安装依赖项: npm install bower install 安装完dependencies之后,以开发环境运行项目: grunt serve 或以产品环境运行项目(minified js,css): grunt serve:dist 或单纯的重建项目(不运行Grunt服务器): grunt build 构建后的代码将在dist目
m_coding_net-master.zip
内容介绍
# m.coding.net 项目介绍 此项目为m.coding.net的前端代码,后端api和coding.net一致,通过跨域ajax请求 https://coding.net 域名下的api实现数据通信。实际开发过程中可能会因为本地域名导致CORS限制以至于无法获取到数据。具体解决方案可查看[这里](#cors)。项目通过Yeoman生成代码模版,并可使用Grunt来完成类似构建,开启服务器之类的任务。项目的开发基于ZeptoJS框架,并实现了类似于AngularJS的前端HTML5模式路由。具体实现请参看其[源代码](app/scripts/router.coffee) ## 项目运行 Clone项目之后,执行以下步骤commands安装dependencies: npm install bower install 安装完dependencies之后,以开发环境运行项目: grunt serve 或以产品环境运行项目(minified js,css): grunt serve:dist 或单纯的构建项目(不运行Grunt服务器): grunt build 构建后的代码将在dist目录下,可运行以下命令清楚dist文件夹: grunt clean ## 项目结构 . ├── codin-mobile │ ├── app:所有应用程序代码 │ │ ├── bower_components:前端 bower dependencies │ │ ├── fonts:所有的字体 │ │ ├── images:所有的图片和icons │ │ ├── scripts: 所有的前端js代码 | │ | ├── vendor:第三方代码库 | │ | ├── controllers:控制器,对应app中的各个页面 │ │ ├── styles:所有的样式表 │ │ ├── views:所有的视图,对应app/controllers中的每个controller │ ├── dist:app构建后的代码 │ ├── node_modules:项目dependencies,包括grunt插件和其他开发工具都在这里 │ ├── test:测试代码 ##<a name="cors" rel='nofollow' onclick='return false;'></a> 关于CORS 如果是在本地环境下运行项目,则需要修改操作系统的hosts文件来跳过CORS设置。由于目前coding后台API的CORS设置只允许m.coding.net域名下的ajax请求,所以当在本地localhost运行项目的时候,所有的ajax请求将被拒绝,导致无法获取数据。可将操作系统的域名解析hosts文件进行如下修改,让m.coding.net指向本地,然后通过浏览器访问m.coding.net来实现本地开发: 127.0.0.1 m.coding.net 注:由于hosts文件不支持端口设置,所以上述方法只有在当grunt server是在80端口上监听时才会生效 如果不想改变grunt server的默认端口(9000),则需要通过在本地设置http代理来实现本地开发。可在本地安装nginx来实现http代理。具体安装步骤可查看[nginx官网](http://wiki.nginx.org/Install)。安装完nginx之后,在nginx.conf的server directive下输入以下配置: location / { proxy_pass http://127.0.0.1:9000; } 即可把所有发至m.coding.net的请求,代理到127.0.0.1:9000地址上,实现本地开发。 ## 关于https 如果需要在本地环境下通过https访问m.coding.net,需要在完成上述步骤之后,为nginx加入https设置。在设置nginx之前,需要通过OpenSSL工具生成密钥和自签发https服务器证书。具体步骤网上有,很容易搜到。完成上述步骤后,打开之前的nginx.conf文件,在server directive下,输入以下配置: listen 443 ssl; server_name m.coding.net; ssl_certificate certificate.pem; //这个指向之前生成的自签发证书文件 ssl_certificate_key key.pem; //这个指向之前生成的密钥文件 ssl_protocols TLSv1 TLSv1.1 TLSv1.2; ssl_ciphers HIGH:!aNULL:!MD5; 设置完上述步骤后,打开浏览器,输入 https://m.coding.net 访问本地环境下运行的m.coding.net。 注:前提是grunt server已启动并在9000端口上运行。如果浏览器提示ssl证书不认可并有风险,可跳过提示并直接访问 ## 关于调试及浏览器选用 Chrome 4.0 以上的版本完全禁止访问带自签发证书的 https 请求 Chrome 4.0 能手动选择继续访问不安全的链接 下载地址:http://download.csdn.net/download/NothingSky/2033778 请停用所有翻墙工具和自动代理,已防止 Chrome 自动更新 已经访问过 https://m.coding.net 原站的情况,再次访问本地代理的 https://m.coding.net 将会失去继续访问不安全链接的选项,Mac 通过 Finder 进入 /Users/xxx/Library/Application Support/Google,直接将其中的 Chrome 文件夹备份更名,才可以重新访问并调试。 ## 可能的点击失效 FastClick 会导致非 iphone 设备启用 iphone 浏览器标识点击失效 已经检查到的情况有 小米 和 Chrome
评论
    相关推荐
    • jquery.ajax:从jQuery提取ajax
      jquery.ajax 只能使用jQuery的与Ajax相关的功能。 描述 我正在使用jQuery的自定义版本来删除ajax以外的模块。 只能使用以下内容。 阿贾克斯 阿贾克斯/ XHR 阿贾克斯/脚本 ajax / jsonp 推迟 要执行的任务 grunt ...
    • NaN.svcrgr.ajax
      na-nsvcrgrajax 这个项目是用版本 0.11.1。 建设与发展 运行grunt进行构建,运行grunt grunt serve进行预览。 测试 运行grunt test将使用 karma 运行单元测试。
    • Blogruoyi
      Blogrouyi
    • weatherApplication
      天气应用 运行: npm install bower install grunt serve 应用目标:使用wunderground.com的天气api和ajax编写一个网页,根据邮编显示天气预报。
    • ftl-fed:在节点中运行freemarker,支持url路由和ajax模拟
      在节点中运行freemarker,支持url路由和ajax模拟。 支持json和ftlData相互转换。 例如:<#assign name =“ figo” /> <==> {“ name”:“ figo”}。 您可以在jsoneditor中编辑模拟数据并保存在ftl中。 注意:...
    • 18-grupe-portfolio-saas-one:BIT任务
      萨斯一号 18B集团个人网站项目 该项目仅用于教育性的豚鼠。 拉请求是欢迎的,但对我的现实生活中的学生来说是优先的! 谢谢您的合作! 网站发布于 设计: 项目特色 响应式设计 重复内容的生成/呈现;...没有AJAX 作者
    • ERIKA:javascript框架,可提供路由,模板,状态机,websocket,ajax,虚拟DOM,数据绑定等
      安装 为了发展: npm install grunt build-dev --force 获取一个巨大的JS文件: npm install grunt build --force 用于生产: npm install grunt --force ... var erika = window .... erika ....erika ....
    • repicbro.com:客户端Ajax驱动的单页应用程序旨在简化包含大量图片的子子浏览
      Repicbro 设置 先决条件:Node.js,Bower,Grunt $ npm install $ bower install $ grunt server
    • jasmine-ajax:jasmine-ajax-用于在您的Jasmine套件中伪造Ajax响应的库
      jasmine-ajax是一个库,使用该库,您可以为应用程序提出的Ajax请求定义一组假响应,根据规格指定应使用的响应,并跟踪您提出的Ajax请求,以便可以对结果进行断言。 贡献 请阅读主要的Jasmine和。 提交请求时,请...
    • AJAX 即时通讯例子
      AJAX 即时通讯例子 // Copyright (c) 2006 Sébastien Gruhier (http://xilinus.com, http://itseb.com) // // Permission is hereby granted, free of charge, to any person obtaining // a copy of this ...