接上篇

CCI的出现和初衷虽然是极好的,但是使用过程中还是会有不尽人意的地方,比如复制黏贴卡顿/代码提示卡顿,或者不习惯用Eclipse等种种原因,还是有童鞋喜欢更轻量级一点的编辑器,比如Sublime Text

Sublime Text(简称ST)

ST是一款文本编辑器,它十分轻量级,以至于连IDE都称不上,而它最厉害的地方就是其丰富的插件库,使用插件的组合,可以迅速打造出一套属于自己的高效开发环境

插件开发

基于个人习惯原因,我们会有很多稀奇古怪的需求,这类需求可能是很小众的,大路的插件并不会予以支持,所以我们就得自己动手下面的例子,就是我开发过程中碰到的需求,参见CCI版本的Cocos Code IDE的Lua模板加强
代码我上传到Github了

新建插件LuaTemplate

首先找到插件目录,菜单中

OSX:Sublime Text->Preferences->Browse Packages…

Windows:Preferences->Browse Packages…

新建一个文件夹,命名为LuaTemplate 选择Tools->New Plugin… 新建一个.py文件,保存到LuaTemplate下

import sublime, sublime_plugin

class ExampleCommand(sublime_plugin.TextCommand):
    def run(self, edit):
        self.view.insert(edit, 0, "Hello, World!")

import sublime, sublime_plugin

class ExampleCommand(sublime_plugin.TextCommand):

def run(self, edit):

self.view.insert(edit, 0, "Hello, World!")

“ExampleCommand”就是我们执行命令的名字,以大驼峰式命名,实际的命令为”example” 按Ctrl+`打开ST控制台,输入

view.run_command("example")

1	view.run_command("example")

此时已打开文件的文件头,就会被输入”Hello World!”的字样这里是ST Plugin API

编写插件逻辑

我们还是以newclass newlayer newfunction这几个来做例子
PS:博主不会python,现学的,语法写的烂请轻喷

import sublime, sublime_plugin
import time
import subprocess
import os
import codecs
import re

process=None

file_head_template="""---
--
-- ${date}
-- @author ${author}
--
"""

new_class_template=file_head_template+"""
local ${short_file_name} = class("${short_file_name}")

function ${short_file_name}:ctor()
end

return ${short_file_name}
"""

new_layer_template=file_head_template+"""
local ${short_file_name} = class("${short_file_name}",BaseLayer)

function ${short_file_name}:ctor()
    ${short_file_name}.super.ctor(self)
end

function ${short_file_name}:onEnter()
end

function ${short_file_name}:onExit()
end

return ${short_file_name}
"""

new_function_template="""
function ${short_file_name}:name()
end
"""

file_separator = "/"
if sublime.platform() == "windows":
    file_separator = "\"

def getConfig(config,key):
    if os.path.exists(config):
        f=codecs.open(config,"r","utf-8")
        while True:
            line=f.readline()
            if line:
                sps=line.split("=")
                if sps[0].strip() == key:
                    return sps[1].strip().replace(""","")
            else:
                break

def generateCode(self,template):
    file_name = self.view.file_name()
    sp_start = file_name.rfind(file_separator) + 1
    sp_end = file_name.rfind(".")
    settings=sublime.load_settings("LuaTemplate.sublime-settings")
    author = settings.get("author","Your name")
    #短文件名
    short_file_name = file_name[sp_start:sp_end]
    code = template
    code = code.replace("${date}",time.strftime("%Y-%m-%d %X", time.localtime()))
    code = code.replace("${short_file_name}",short_file_name)
    code = code.replace("${author}",author)
    return code

# ltnewclass 新建一个类的模板
class LtnewclassCommand(sublime_plugin.TextCommand):
    def run(self, edit):
        code = generateCode(self,new_class_template)
        (row,col) = self.view.rowcol(self.view.sel()[0].begin())
        self.view.insert(edit,self.view.text_point(row,col),code)

#ltnewlayer 新建一个层的模板
class LtnewlayerCommand(sublime_plugin.TextCommand):
    def run(self, edit):
        code = generateCode(self,new_layer_template)
        (row,col) = self.view.rowcol(self.view.sel()[0].begin())
        self.view.insert(edit,self.view.text_point(row,col),code)

#ltnewfunction 新建一个函数的模板
class LtnewfunctionCommand(sublime_plugin.TextCommand):
    def run(self, edit):
        code = generateCode(self,new_function_template)
        (row,col) = self.view.rowcol(self.view.sel()[0].begin())
        self.view.insert(edit,self.view.text_point(row,col),code)

#ltrunwithplayer 跑起来
class LtrunwithplayerCommand(sublime_plugin.TextCommand):
    def run(self, edit):
        settings=sublime.load_settings("LuaTemplate.sublime-settings")
        quickroot = settings.get("quick_v3_root","")
        if sublime.platform() == "windows":
            playerPath = quickroot+"/quick/player/win32/player3.exe"
        if sublime.platform() == "osx":
            playerPath = quickroot+"/player3.app/Contents/MacOS/player3"

        file_name = self.view.file_name()
        workdir=file_name[0:file_name.rfind("src")]
        srcDirName=workdir+"/src"
        args=[playerPath]
        args.append("-workdir")
        args.append(workdir)
        args.append("-file")
        args.append(srcDirName+"/main.lua")
        global process
        if process:
            try:
                process.terminate()
            except Exception:
                pass
        if sublime.platform()=="osx":
            process=subprocess.Popen(args)
        elif sublime.platform()=="windows":
            process=subprocess.Popen(args)

#ltrunwithsimulator 跑起来2
class LtrunwithsimulatorCommand(sublime_plugin.TextCommand):
    def run(self, edit):
        file_name = self.view.file_name()
        workdir=file_name[0:file_name.rfind("src")]

        if sublime.platform() == "windows":
            simulatorPath = workdir+"/runtime/win32/PrebuiltRuntimeLua.exe"
        if sublime.platform() == "osx":
            simulatorPath = workdir+"/runtime/mac/PrebuiltRuntimeLua.app/Contents/MacOS/PrebuiltRuntimeLua Mac"

        args=[simulatorPath]
        args.append("-workdir")
        args.append(workdir)

        global process
        if process:
            try:
                process.terminate()
            except Exception:
                pass
        if sublime.platform()=="osx":
            process=subprocess.Popen(args)
        elif sublime.platform()=="windows":
            process=subprocess.Popen(args)

100

101

102

103

104

105

106

107

108

109

110

111

112

113

114

115

116

117

118

119

120

121

122

123

124

125

126

127

128

129

130

131

132

133

134

135

136

137

138

139

140

141

142

143

144

145

146

147

148

149

150

151

import sublime, sublime_plugin

import time

import subprocess

import os

import codecs

import re

process=None

file_head_template="""---

-- ${date}

-- @author ${author}

"""

new_class_template=file_head_template+"""

local ${short_file_name} = class("${short_file_name}")

function ${short_file_name}:ctor()

end

return ${short_file_name}

"""

new_layer_template=file_head_template+"""

local ${short_file_name} = class("${short_file_name}",BaseLayer)

function ${short_file_name}:ctor()

${short_file_name}.super.ctor(self)

end

function ${short_file_name}:onEnter()

end

function ${short_file_name}:onExit()

end

return ${short_file_name}

"""

new_function_template="""

function ${short_file_name}:name()

end

"""

file_separator = "/"

if sublime.platform() == "windows":

file_separator = "\"

def getConfig(config,key):

if os.path.exists(config):

f=codecs.open(config,"r","utf-8")

while True:

line=f.readline()

if line:

sps=line.split("=")

if sps[0].strip() == key:

return sps[1].strip().replace(""","")

else:

break

def generateCode(self,template):

file_name = self.view.file_name()

sp_start = file_name.rfind(file_separator) + 1

sp_end = file_name.rfind(".")

settings=sublime.load_settings("LuaTemplate.sublime-settings")

author = settings.get("author","Your name")

#短文件名

short_file_name = file_name[sp_start:sp_end]

code = template

code = code.replace("${date}",time.strftime("%Y-%m-%d %X", time.localtime()))

code = code.replace("${short_file_name}",short_file_name)

code = code.replace("${author}",author)

return code

# ltnewclass 新建一个类的模板

class LtnewclassCommand(sublime_plugin.TextCommand):

def run(self, edit):

code = generateCode(self,new_class_template)

(row,col) = self.view.rowcol(self.view.sel()[0].begin())

self.view.insert(edit,self.view.text_point(row,col),code)

#ltnewlayer 新建一个层的模板

class LtnewlayerCommand(sublime_plugin.TextCommand):

def run(self, edit):

code = generateCode(self,new_layer_template)

(row,col) = self.view.rowcol(self.view.sel()[0].begin())

self.view.insert(edit,self.view.text_point(row,col),code)

#ltnewfunction 新建一个函数的模板

class LtnewfunctionCommand(sublime_plugin.TextCommand):

def run(self, edit):

code = generateCode(self,new_function_template)

(row,col) = self.view.rowcol(self.view.sel()[0].begin())

self.view.insert(edit,self.view.text_point(row,col),code)

#ltrunwithplayer 跑起来

class LtrunwithplayerCommand(sublime_plugin.TextCommand):

def run(self, edit):

settings=sublime.load_settings("LuaTemplate.sublime-settings")

quickroot = settings.get("quick_v3_root","")

if sublime.platform() == "windows":

playerPath = quickroot+"/quick/player/win32/player3.exe"

if sublime.platform() == "osx":

playerPath = quickroot+"/player3.app/Contents/MacOS/player3"

file_name = self.view.file_name()

workdir=file_name[0:file_name.rfind("src")]

srcDirName=workdir+"/src"

args=[playerPath]

args.append("-workdir")

args.append(workdir)

args.append("-file")

args.append(srcDirName+"/main.lua")

global process

if process:

try:

process.terminate()

except Exception:

pass

if sublime.platform()=="osx":

process=subprocess.Popen(args)

elif sublime.platform()=="windows":

process=subprocess.Popen(args)

#ltrunwithsimulator 跑起来2

class LtrunwithsimulatorCommand(sublime_plugin.TextCommand):

def run(self, edit):

file_name = self.view.file_name()

workdir=file_name[0:file_name.rfind("src")]

if sublime.platform() == "windows":

simulatorPath = workdir+"/runtime/win32/PrebuiltRuntimeLua.exe"

if sublime.platform() == "osx":

simulatorPath = workdir+"/runtime/mac/PrebuiltRuntimeLua.app/Contents/MacOS/PrebuiltRuntimeLua Mac"

args=[simulatorPath]

args.append("-workdir")

args.append(workdir)

global process

if process:

try:

process.terminate()

except Exception:

pass

if sublime.platform()=="osx":

process=subprocess.Popen(args)

elif sublime.platform()=="windows":

process=subprocess.Popen(args)

配置文件

新建LuaTemplate.sublime-settings

{
    "author" : "yaoyl",
    "quick_v3_root" : "/Users/superyyl/Documents/quick-3.3"
}

{

"author" : "yaoyl",

"quick_v3_root" : "/Users/superyyl/Documents/quick-3.3"

}

入口快捷方式

新建Default.sublime-commands

[
    {
        "caption": "Lua Template: New Class",
        "command": "ltnewclass"
    },
    {
        "caption": "Lua Template: New Layer",
        "command": "ltnewlayer"
    },
    {
        "caption": "Lua Template: New Function",
        "command": "ltnewfunction"
    },
    {
        "caption": "Lua Template: Run With Player",
        "command": "ltrunwithplayer"  
    },
    {
        "caption": "Lua Template: Run With Simulator",
        "command": "ltrunwithsimulator"  
    }

]

[

{

"caption": "Lua Template: New Class",

"command": "ltnewclass"

{

"caption": "Lua Template: New Layer",

"command": "ltnewlayer"

{

"caption": "Lua Template: New Function",

"command": "ltnewfunction"

{

"caption": "Lua Template: Run With Player",

"command": "ltrunwithplayer"

{

"caption": "Lua Template: Run With Simulator",

"command": "ltrunwithsimulator"

}

]

这个是通过cmd+shift+p(windows:ctrl+shift+p)里输入命令来执行python代码的
还有菜单,侧边栏菜单,右键菜单等快捷入口,就不一一说了

跑一个

新建一个LoginLayer.lua文件,cmd+shift+p,然后输入new class,选择Lua Template: New Class

---
--
-- 2015-01-29 16:57:56
-- @author yaoyl
--

local LoginLayer = class("LoginLayer")

function LoginLayer:ctor()
end

return LoginLayer

---

-- 2015-01-29 16:57:56

-- @author yaoyl

local LoginLayer = class("LoginLayer")

function LoginLayer:ctor()

end

return LoginLayer

选择Lua Template: Run With Player也能顺利调用模拟器

前言

Cocos Code IDE(以下简称CCI)是一款基于Eclipse和LDT的代码编辑器,其主要面向Cocos2d-X Lua/JS/Quick-lua的开发

问题的产生

在开发过程中,我们新建一个lua文件,都需要

local ClassName = class("ClassName")

function ClassName:ctor()
end

return ClassName

local ClassName = class("ClassName")

function ClassName:ctor()

end

return ClassName

关键你复制了还需要把”ClassName”改成你要的

相当麻烦

So

我们有模板,在CCI中点击Windows->Preferences在左边选择Lua->Editor->Templates,单击”New”按钮

Name是触发字串,我们填newclass
Context选Lua
Description是提示信息,就叫”新建类”好了
Pattern:

---
--
-- ${time},${date}
-- @author ${user}
--
local ${module_short_name} = class("${module_short_name}")

function ${module_short_name}:ctor()
end

return ${module_short_name}

---

-- ${time},${date}

-- @author ${user}

local ${module_short_name} = class("${module_short_name}")

function ${module_short_name}:ctor()

end

return ${module_short_name}

当你键盘敲出newclass(等代码提示),啪一个回车,一个类就创建好了,还烙上了你的大名,绝对酷炫

这么看大致就懂了,各种宏的含义如下

${date},${time},${user}这就是日期,时间,作者(os的登录名),用来标识这个文件是何时谁创建的,追查问题精确到人
${module_short_name} 短文件名,比如我一个文件”app/views/LoginView.lua”,就可以取到”LoginView”

举一反三

在我的项目中还有很多快捷的模板
比如 function

---
--
function ${module_short_name}:${name}(${parameters})
    ${cursor}
end

---

function ${module_short_name}:${name}(${parameters})

${cursor}

end

比如newlayer

---
--
-- ${time},${date}
-- @author ${user}
--
local ${module_short_name} = class("${module_short_name}",BaseLayer)

function ${module_short_name}:ctor()
    ${module_short_name}.super.ctor(self)
end

function ${module_short_name}:onEnter()
end

function ${module_short_name}:onExit()
end

return ${module_short_name}

---

-- ${time},${date}

-- @author ${user}

local ${module_short_name} = class("${module_short_name}",BaseLayer)

function ${module_short_name}:ctor()

${module_short_name}.super.ctor(self)

end

function ${module_short_name}:onEnter()

end

function ${module_short_name}:onExit()

end

return ${module_short_name}

恩剩下的看大家创造力了有好用的记得在文章下回复~

由于没有找到有关egret性能测试的文章,决定自己动手测一下

测试方法

下载egret-examples-1.5.0.zip 拷贝其中的monkey.son和monkey.png
修改resource.json
新建一个egret工程
修改egretProperties.json中document_class为Test
新建一个Test.ts
代码如下

class Test extends egret.DisplayObjectContainer {
    public constructor() {
        super();
        this.addEventListener(egret.Event.ADDED_TO_STAGE,this.onAddToStage,this);
    }

    private onAddToStage():void {
        egret.Profiler.getInstance().run();
        RES.addEventListener(RES.ResourceEvent.GROUP_COMPLETE,this.onResLoaded,this);
        RES.loadConfig("resource/resource.json","resource/");
        RES.loadGroup("monkey");
    }

    private random(a:number,b:number):number {
        return Math.round(a + Math.random() * b);
    }

    private onResLoaded():void {
        var data = RES.getRes("monkey_json");
        var texture = RES.getRes("monkey_png");

        for (var i = 0; i < 200; i++) {
            var monkey = new egret.MovieClip(data, texture);
            monkey.x = this.random(0, 480 - 100);
            monkey.y = this.random(0, 800 - 100);
            egret.MainContext.instance.stage.addChild(monkey);
            monkey.frameRate = 24;
            monkey.gotoAndPlay("attack");
        }

    }
}

class Test extends egret.DisplayObjectContainer {

public constructor() {

super();

this.addEventListener(egret.Event.ADDED_TO_STAGE,this.onAddToStage,this);

}

private onAddToStage():void {

egret.Profiler.getInstance().run();

RES.addEventListener(RES.ResourceEvent.GROUP_COMPLETE,this.onResLoaded,this);

RES.loadConfig("resource/resource.json","resource/");

RES.loadGroup("monkey");

}

private random(a:number,b:number):number {

return Math.round(a + Math.random() * b);

}

private onResLoaded():void {

var data = RES.getRes("monkey_json");

var texture = RES.getRes("monkey_png");

for (var i = 0; i < 200; i++) {

var monkey = new egret.MovieClip(data, texture);

monkey.x = this.random(0, 480 - 100);

monkey.y = this.random(0, 800 - 100);

egret.MainContext.instance.stage.addChild(monkey);

monkey.frameRate = 24;

monkey.gotoAndPlay("attack");

}

发布

egret publish {ProjectName}

1	egret publish {ProjectName}

拷贝到自己服务器上用手机打开看看吧

说一下这边的测试结果

机型	个数	帧数
ip5s	200	45
ip5s	2000	8
ip5	200	48
红米Note4.4.2	200	7
三星G Note4 4.4.4	200	57

官方的一条FAQ

为什么Egret开发的游戏在某些Android设备上特别卡？

在 Android 早期版本（ 4.4 之前），Android WebView 并不 100% 支持 HTML5 特性，如 WebGL、PageVisibility 、 WebSocket 等。

Google 为了解决这些问题，在 4.4 版本中，完全删除了原有的 WebView ，将其替换为了 chromium 架构的新 WebView。

由于这个修改的工作量过大，在部分特性在尚未全部完成的情况下，Android 就发布了 4.4.2 版本作为过渡，这导致了部分特性在 4.3版本是存在的，但是4.4.2 反而丢失了。其中我们遇到的情况就是 Canvas 硬件加速特性丢失。

在 Android 4.4.4 版本中，google 完全完成了 WebView的架构迁移，Canvas硬件加速特性被重新置入 WebView中。

由于 HTML5 游戏依赖于 Canvas 渲染，而是否存在硬件加速对渲染结果有几十倍的差异，所以 HTML5游戏在 Android 4.4.2 系统上卡顿的问题由于操作系统限制，几乎不可能在应用层解决。

Egret是什么

简单来说,白鹭引擎就是一款用TypeScript开发的开源游戏引擎

它可以编译成HTML5直接在移动端的浏览器运行

或者编译成Android,iOS等(相信支持WP不是问题)原生应用

用他们自己的Egret runtime跑出接近原生APP的性能~~介绍是这样的,谁知道呢~~

优势

如今微信如(heng)日(xing)中(ba)天(dao),著名的”围住神经猫”就是用Egret编写的,易于传播是HTML5游戏的优势

可以做一些游戏的HTML5试玩版,让玩家过度新手教程,然后提示下载APP,推广效果绝对比”老婆不在家玩的游戏“效果好,而且导入的用户全都是优质用户~~让23:59分开服去死吧~~

正题

进入官网 –> 进入下载页

可以看到Egret的工具链非常完善

Egret Engine 引擎安装文件
Egret Wing UI编辑器
EgretVS VS的插件
Res Depot 资源配置文件生成
Texture Merger 纹理打包工具
TS Conversion 语法转换工具(AS3->TS)
Egret Feather 粒子编辑器
Egret-Android-support 编译成安卓工程
Egret-iOS-support 编译成xcode工程
Egret Inspector Chrome调试插件
Egret DragonBones 骨骼动画

其中Egret Engine是必须下载的

玩命地安装…

作者还是很幽默的…

关于egret命令

用法: egret <command> [-v]

command 列表:

    build                         构建指定项目,编译指定项目的 TypeScript 文件

    create                        创建新项目

    create_app                    从h5游戏生成app

    create_manifest               在工程目录下生成manifest.json清单文件

    info                          获得Egret信息

    publish                       发布项目，使用GoogleClosureCompiler压缩代码

    startserver                   启动HttpServer,并在默认浏览器中打开指定项目

    upgrade                       升级项目代码

参数列表:

    -v                            打印详细日志

使用 egret help <command> 了解各个 command 的细节

用法: egret <command> [-v]

command 列表:

build 构建指定项目,编译指定项目的 TypeScript 文件

create 创建新项目

create_app 从h5游戏生成app

create_manifest 在工程目录下生成manifest.json清单文件

info 获得Egret信息

publish 发布项目，使用GoogleClosureCompiler压缩代码

startserver 启动HttpServer,并在默认浏览器中打开指定项目

upgrade 升级项目代码

参数列表:

-v 打印详细日志

使用 egret help <command> 了解各个 command 的细节

创建第一个工程

egret create HelloEgret

1	egret create HelloEgret

编译

egret build HelloEgret

1	egret build HelloEgret

运行

egret startserver HelloEgret

1	egret startserver HelloEgret

然后浏览器就打开了有木有(推荐Chrome)

但是要注意一点,ts不能直接运行,需要编译成js后才能被浏览器直接运行

关于工具

Mac下推荐WebStorm.Windows下VS2013或者WebStorm都可以

题外话

个人觉得这款引擎潜力很大,但是毕竟刚刚起步,还有很多不完善的地方,举个栗子,官网引擎已经到1.5了,但是ios-support还是1.1.4,而工具对版本的一致性要求很高,导致同一批次下载的不同工具不能配合使用,需要降级引擎才能在ios上开发.

总之,移动开发是大方向,我也陪quick-x一路走来,现在quick-x也正式更名cocos-lua,也算大事一件,希望Egret越做越好吧!

在出现对话的时候,我们往往不希望文字一下子突然出现,于是有了这个需求

文字要慢慢的出现,但是点击时,一下子显示完

local TimerLabel = class("TimerLabel",function(params)
    return display.newTTFLabel(params)
end)

local TimerLabel = class("TimerLabel", function(params)
    return display.newTTFLabel(params)
end)

TimerLabel.ON_COUNT_DOWN = "ON_COUNT_DOWN"

function TimerLabel:ctor(params)
    cc(self):addComponent("components.behavior.EventProtocol"):exportMethods()
    self:setNodeEventEnabled(true)
    self._triggerTime = params.triggerTime or 0
    self._time = params.time
    self._format = params.format
    self:setString(self:formatTime(self._time,self._format))
end

function TimerLabel:formatTime(timeValue, format)
    if not timeValue then
        return "unknow time"
    end
    local as = math.floor(timeValue / 1000)
    local s = as % 60
    local am = math.floor(as / 60)
    local m = am % 60
    local h = math.floor(am / 60)

    local ss =  nil
    if s < 10 then
        ss = string.format("0%d", s)
    else
        ss = string.format("%d", s)
    end

    local ms =  nil
    if m < 10 then
        ms = string.format("0%d", m)
    else
        ms = string.format("%d", m)
    end

    local hs =  nil
    if h < 10 then
        hs = string.format("0%d", h)
    else
        hs = string.format("%d", h)
    end

    local newTimeString = string.gsub(format, "@H", hs)
    newTimeString = string.gsub(newTimeString, "@M", ms)
    newTimeString = string.gsub(newTimeString, "@S", ss)
    return newTimeString
end

function TimerLabel:update(dt)
    local lastTime = math.ceil(self._time / 1000)
    self._time = self._time - dt * 1000
    if self._time <= 0 then
        self._time = 0
    end

    local nowTime = math.ceil(self._time / 1000)
    if lastTime ~= nowTime then
        self:setString(self:formatTime(self._time,self._format))
    end

    if self._time <= self._triggerTime then
        self:dispatchEvent({name = TimerLabel.ON_COUNT_DOWN})
        if self._updateEntry then
            cc.Director:getInstance():getScheduler():unscheduleScriptEntry(self._updateEntry)
            self._updateEntry = nil
        end
    end
end

function TimerLabel:onEnter()
    self._updateEntry = cc.Director:getInstance():getScheduler():scheduleScriptFunc(handler(self,self.update),0,false)
end

function TimerLabel:onExit()
    if self._updateEntry then
        cc.Director:getInstance():getScheduler():unscheduleScriptEntry(self._updateEntry)
        self._updateEntry = nil
    end
end

return TimerLabel

local TimerLabel = class("TimerLabel",function(params)

return display.newTTFLabel(params)

end)

local TimerLabel = class("TimerLabel", function(params)

return display.newTTFLabel(params)

end)

TimerLabel.ON_COUNT_DOWN = "ON_COUNT_DOWN"

function TimerLabel:ctor(params)

cc(self):addComponent("components.behavior.EventProtocol"):exportMethods()

self:setNodeEventEnabled(true)

self._triggerTime = params.triggerTime or 0

self._time = params.time

self._format = params.format

self:setString(self:formatTime(self._time,self._format))

end

function TimerLabel:formatTime(timeValue, format)

if not timeValue then

return "unknow time"

end

local as = math.floor(timeValue / 1000)

local s = as % 60

local am = math.floor(as / 60)

local m = am % 60

local h = math.floor(am / 60)

local ss = nil

if s < 10 then

ss = string.format("0%d", s)

else

ss = string.format("%d", s)

end

local ms = nil

if m < 10 then

ms = string.format("0%d", m)

else

ms = string.format("%d", m)

end

local hs = nil

if h < 10 then

hs = string.format("0%d", h)

else

hs = string.format("%d", h)

end

local newTimeString = string.gsub(format, "@H", hs)

newTimeString = string.gsub(newTimeString, "@M", ms)

newTimeString = string.gsub(newTimeString, "@S", ss)

return newTimeString

end

function TimerLabel:update(dt)

local lastTime = math.ceil(self._time / 1000)

self._time = self._time - dt * 1000

if self._time <= 0 then

self._time = 0

end

local nowTime = math.ceil(self._time / 1000)

if lastTime ~= nowTime then

self:setString(self:formatTime(self._time,self._format))

end

if self._time <= self._triggerTime then

self:dispatchEvent({name = TimerLabel.ON_COUNT_DOWN})

if self._updateEntry then

cc.Director:getInstance():getScheduler():unscheduleScriptEntry(self._updateEntry)

self._updateEntry = nil

end

function TimerLabel:onEnter()

self._updateEntry = cc.Director:getInstance():getScheduler():scheduleScriptFunc(handler(self,self.update),0,false)

end

function TimerLabel:onExit()

if self._updateEntry then

cc.Director:getInstance():getScheduler():unscheduleScriptEntry(self._updateEntry)

self._updateEntry = nil

end

return TimerLabel

用法如下

    local typingLabel = TypingLabel.new({
        text = "这是一个打字机效果,n支持中英数组合,n数字123456英文abcdefg"
    })
    
    typingLabel:addEventListener(TypingLabel.ON_FINISH_TYPING,function(event)
        print("打字机结束")
    end)
    
    typingLabel:align(display.LEFT_TOP,50,display.height - 100):addTo(self)

local typingLabel = TypingLabel.new({

text = "这是一个打字机效果,n支持中英数组合,n数字123456英文abcdefg"

})

typingLabel:addEventListener(TypingLabel.ON_FINISH_TYPING,function(event)

print("打字机结束")

end)

typingLabel:align(display.LEFT_TOP,50,display.height - 100):addTo(self)

有倒计时功能的标签这个还是挺常见的

直接上代码吧

local TimerLabel = class("TimerLabel",function(params)
    return display.newTTFLabel(params)
end)

local TimerLabel = class("TimerLabel", function(params)
    return display.newTTFLabel(params)
end)

TimerLabel.ON_COUNT_DOWN = "ON_COUNT_DOWN"

function TimerLabel:ctor(params)
    cc(self):addComponent("components.behavior.EventProtocol"):exportMethods()
    self:setNodeEventEnabled(true)
    self._triggerTime = params.triggerTime or 0
    self._time = params.time
    self._format = params.format
    self:setString(self:formatTime(self._time,self._format))
end

function TimerLabel:formatTime(timeValue, format)
    if not timeValue then
        return "unknow time"
    end
    local as = math.floor(timeValue / 1000)
    local s = as % 60
    local am = math.floor(as / 60)
    local m = am % 60
    local h = math.floor(am / 60)

    local ss =  nil
    if s < 10 then
        ss = string.format("0%d", s)
    else
        ss = string.format("%d", s)
    end

    local ms =  nil
    if m < 10 then
        ms = string.format("0%d", m)
    else
        ms = string.format("%d", m)
    end

    local hs =  nil
    if h < 10 then
        hs = string.format("0%d", h)
    else
        hs = string.format("%d", h)
    end

    local newTimeString = string.gsub(format, "@H", hs)
    newTimeString = string.gsub(newTimeString, "@M", ms)
    newTimeString = string.gsub(newTimeString, "@S", ss)
    return newTimeString
end

function TimerLabel:update(dt)
    local lastTime = math.ceil(self._time / 1000)
    self._time = self._time - dt * 1000
    if self._time <= 0 then
        self._time = 0
    end

    local nowTime = math.ceil(self._time / 1000)
    if lastTime ~= nowTime then
        self:setString(self:formatTime(self._time,self._format))
    end

    if self._time <= self._triggerTime then
        self:dispatchEvent({name = TimerLabel.ON_COUNT_DOWN})
        if self._updateEntry then
            cc.Director:getInstance():getScheduler():unscheduleScriptEntry(self._updateEntry)
            self._updateEntry = nil
        end
    end
end

function TimerLabel:onEnter()
    self._updateEntry = cc.Director:getInstance():getScheduler():scheduleScriptFunc(handler(self,self.update),0,false)
end

function TimerLabel:onExit()
    if self._updateEntry then
        cc.Director:getInstance():getScheduler():unscheduleScriptEntry(self._updateEntry)
        self._updateEntry = nil
    end
end

return TimerLabel

local TimerLabel = class("TimerLabel",function(params)

return display.newTTFLabel(params)

end)

local TimerLabel = class("TimerLabel", function(params)

return display.newTTFLabel(params)

end)

TimerLabel.ON_COUNT_DOWN = "ON_COUNT_DOWN"

function TimerLabel:ctor(params)

cc(self):addComponent("components.behavior.EventProtocol"):exportMethods()

self:setNodeEventEnabled(true)

self._triggerTime = params.triggerTime or 0

self._time = params.time

self._format = params.format

self:setString(self:formatTime(self._time,self._format))

end

function TimerLabel:formatTime(timeValue, format)

if not timeValue then

return "unknow time"

end

local as = math.floor(timeValue / 1000)

local s = as % 60

local am = math.floor(as / 60)

local m = am % 60

local h = math.floor(am / 60)

local ss = nil

if s < 10 then

ss = string.format("0%d", s)

else

ss = string.format("%d", s)

end

local ms = nil

if m < 10 then

ms = string.format("0%d", m)

else

ms = string.format("%d", m)

end

local hs = nil

if h < 10 then

hs = string.format("0%d", h)

else

hs = string.format("%d", h)

end

local newTimeString = string.gsub(format, "@H", hs)

newTimeString = string.gsub(newTimeString, "@M", ms)

newTimeString = string.gsub(newTimeString, "@S", ss)

return newTimeString

end

function TimerLabel:update(dt)

local lastTime = math.ceil(self._time / 1000)

self._time = self._time - dt * 1000

if self._time <= 0 then

self._time = 0

end

local nowTime = math.ceil(self._time / 1000)

if lastTime ~= nowTime then

self:setString(self:formatTime(self._time,self._format))

end

if self._time <= self._triggerTime then

self:dispatchEvent({name = TimerLabel.ON_COUNT_DOWN})

if self._updateEntry then

cc.Director:getInstance():getScheduler():unscheduleScriptEntry(self._updateEntry)

self._updateEntry = nil

end

function TimerLabel:onEnter()

self._updateEntry = cc.Director:getInstance():getScheduler():scheduleScriptFunc(handler(self,self.update),0,false)

end

function TimerLabel:onExit()

if self._updateEntry then

cc.Director:getInstance():getScheduler():unscheduleScriptEntry(self._updateEntry)

self._updateEntry = nil

end

return TimerLabel

用法如下

    local timerLabel = TimerLabel.new({
        time = 60000,
        format = "TimerLabel演示:@M:@S"
    })

    timerLabel:addEventListener(TimerLabel.ON_COUNT_DOWN,function(event)
        print("倒计时结束")
    end)

    timerLabel:align(display.LEFT_TOP,50,display.height - 50):addTo(self)

local timerLabel = TimerLabel.new({

time = 60000,

format = "TimerLabel演示:@M:@S"

})

timerLabel:addEventListener(TimerLabel.ON_COUNT_DOWN,function(event)

print("倒计时结束")

end)

timerLabel:align(display.LEFT_TOP,50,display.height - 50):addTo(self)

除了text外,display.newTTFLabel里的所有参数都有效
新增了time参数(单位毫秒),format参数(支持H M S),triggerTime参数(触发事件,不传时为0)
倒计时结束会触发TimerLabel.ON_COUNT_DOWN

2.x时代的CCControlButton的确十分方便,策划们也十分喜欢按下有缩放的效果

到了3.x的项目,工具链已经相当完善,我使用的是cocos2dx3.2+quick3.2rc1+cocos code ide 1.0.1+cocos studio 1.6(以下简称ccs)

在ccs里建立的按钮,到了程序里实际上是UIPushButton

从quick的源码可以看出,UIPushButton继承于UIButton,UIButton继承于cc.Node

那么按下弹起的效果就得自己写了,好在quick扩展的方式很方便

local UIButton = require("framework.cc.ui.UIButton")

UIButtonEx = {}

function UIButtonEx.extend(btn)
	function btn:setPressedActionEnabled(enabled)
		if enabled then
			self.onPressed = function()
				self:setScale(0.9) --1.1
			end

			self.onRelease = function()
				self:setScale(1.0)
			end
			self:onButtonPressed(self.onPressed)
			self:onButtonRelease(self.onRelease)
		else
			if self.onPressed then
				self:removeEventListenersByEvent(UIButton.PRESSED_EVENT)
				self.onPressed = nil
			end
			if self.onRelease then
				self:removeEventListenersByEvent(UIButton.RELEASE_EVENT)
				self.onRelease = nil
			end

		end
	end
end

local UIButton = require("framework.cc.ui.UIButton")

UIButtonEx = {}

function UIButtonEx.extend(btn)

function btn:setPressedActionEnabled(enabled)

if enabled then

self.onPressed = function()

self:setScale(0.9) --1.1

end

self.onRelease = function()

self:setScale(1.0)

end

self:onButtonPressed(self.onPressed)

self:onButtonRelease(self.onRelease)

else

if self.onPressed then

self:removeEventListenersByEvent(UIButton.PRESSED_EVENT)

self.onPressed = nil

end

if self.onRelease then

self:removeEventListenersByEvent(UIButton.RELEASE_EVENT)

self.onRelease = nil

end

我用起来是全局的

在载入ccs之后,会遍历所有节点,找出node.__cname == “UIPushButton”的元素,然后UIButtonEx.extend(node); node:setPressedActionEnabled(true)就可以了

需要按钮放大的,把0.9改成1.1就行了

之前精灵变灰都用的是别人写的一个GraySprite,实在是有很多局限

后来有个需求是要让CCControlButton在不传disable状态图片的时候,自动把normal的图片变灰

查阅多方资料后,终于把问题搞定

在cocos2dx/shaders目录下新建一个ccShader_PositionTextureGray_frag.h

#ifndef cocos2dx_ccShader_PositionTextureGray_frag_h
#define cocos2dx_ccShader_PositionTextureGray_frag_h
"                                           n
#ifdef GL_ES                                n
precision mediump float;                    n
#endif                                      n
n
uniform sampler2D u_texture;                n
varying vec2 v_texCoord;                    n
varying vec4 v_fragmentColor;               n
n
void main(void)                             n
{                                           n
// Convert to greyscale using NTSC weightings               n
vec4 col = texture2D(u_texture, v_texCoord);                n
float grey = dot(col.rgb, vec3(0.299, 0.587, 0.114));       n
gl_FragColor = vec4(grey, grey, grey, col.a);               n
}                                           n
";

#endif

#ifndef cocos2dx_ccShader_PositionTextureGray_frag_h

#define cocos2dx_ccShader_PositionTextureGray_frag_h

" n

#ifdef GL_ES n

precision mediump float; n

#endif n

uniform sampler2D u_texture; n

varying vec2 v_texCoord; n

varying vec4 v_fragmentColor; n

void main(void) n

{ n

// Convert to greyscale using NTSC weightings n

vec4 col = texture2D(u_texture, v_texCoord); n

float grey = dot(col.rgb, vec3(0.299, 0.587, 0.114)); n

gl_FragColor = vec4(grey, grey, grey, col.a); n

} n

#endif

找到ccShaders.h,在最后加上

C++

extern CC_DLL const GLchar * ccPositionTextureGray_frag;

1

extern CC_DLL const GLchar * ccPositionTextureGray_frag;
找到ccShaders.cpp,在最后加上

C++

const GLchar * ccPositionTextureGray_frag = #include "ccShader_PositionTextureGray_frag.h"

1
2

const GLchar * ccPositionTextureGray_frag =
#include "ccShader_PositionTextureGray_frag.h"
找到CCGLProgram.h在enum后面的define后加上

C++

#define kCCShader_PositionTextureGray "ShaderPositionTextureGray"

1

#define kCCShader_PositionTextureGray "ShaderPositionTextureGray"

找到CCShaderCache.cpp,在开头enum的最后加上kCCShaderType_PositionTextureGray

enum {
    kCCShaderType_PositionTextureColor,
    kCCShaderType_PositionTextureColorAlphaTest,
    kCCShaderType_PositionColor,
    kCCShaderType_PositionTexture,
    kCCShaderType_PositionTexture_uColor,
    kCCShaderType_PositionTextureA8Color,
    kCCShaderType_Position_uColor,
    kCCShaderType_PositionLengthTexureColor,
    kCCShaderType_PositionTextureGray,//add this

    kCCShaderType_MAX,
};

enum {

kCCShaderType_PositionTextureColor,

kCCShaderType_PositionTextureColorAlphaTest,

kCCShaderType_PositionColor,

kCCShaderType_PositionTexture,

kCCShaderType_PositionTexture_uColor,

kCCShaderType_PositionTextureA8Color,

kCCShaderType_Position_uColor,

kCCShaderType_PositionLengthTexureColor,

kCCShaderType_PositionTextureGray,//add this

kCCShaderType_MAX,

};

继续在CCShaderCache.cpp的loadDefaultShaders()最后添加

//
// Position Texture Gray shader
//
p = new CCGLProgram();
loadDefaultShader(p, kCCShaderType_PositionTextureGray);

m_pPrograms->setObject(p, kCCShader_PositionTextureGray);
p->release();

// Position Texture Gray shader

p = new CCGLProgram();

loadDefaultShader(p, kCCShaderType_PositionTextureGray);

m_pPrograms->setObject(p, kCCShader_PositionTextureGray);

p->release();

继续在CCShaderCache.cpp的reloadDefaultShaders()最后添加

C++

// Position Texture Gray shader p = programForKey(kCCShader_PositionTextureGray); p->reset(); loadDefaultShader(p, kCCShaderType_PositionTextureGray);

1
2
3
4

// Position Texture Gray shader
p = programForKey(kCCShader_PositionTextureGray);
p->reset();
loadDefaultShader(p, kCCShaderType_PositionTextureGray);

继续在CCShaderCache.cpp的loadDefaultShader(CCGLProgram *p, int type)最后添加一个case条件

case kCCShaderType_PositionTextureGray:
    p->initWithVertexShaderByteArray(ccPositionTextureColor_vert, ccPositionTextureGray_frag);
    
    p->addAttribute(kCCAttributeNamePosition, kCCVertexAttrib_Position);
    p->addAttribute(kCCAttributeNameColor, kCCVertexAttrib_Color);
    p->addAttribute(kCCAttributeNameTexCoord, kCCVertexAttrib_TexCoords);
    
    break;

case kCCShaderType_PositionTextureGray:

p->initWithVertexShaderByteArray(ccPositionTextureColor_vert, ccPositionTextureGray_frag);

p->addAttribute(kCCAttributeNamePosition, kCCVertexAttrib_Position);

p->addAttribute(kCCAttributeNameColor, kCCVertexAttrib_Color);

p->addAttribute(kCCAttributeNameTexCoord, kCCVertexAttrib_TexCoords);

break;

新建一个ColorUtils.h

#ifndef __COLOR_UTILS_H__
#define __COLOR_UTILS_H__

#include "cocos2d.h"
USING_NS_CC;

class ColorUtils
{
public:
    ColorUtils();
    ~ColorUtils();
    
    static void addGray(CCSprite *sp);
    static void removeGray(CCSprite *sp);
    
    static void addGray(CCSpriteBatchNode *sp);
    static void removeGray(CCSpriteBatchNode *sp);
    
private:
    
};

#endif

#ifndef __COLOR_UTILS_H__

#define __COLOR_UTILS_H__

#include "cocos2d.h"

USING_NS_CC;

class ColorUtils

{

public:

ColorUtils();

~ColorUtils();

static void addGray(CCSprite *sp);

static void removeGray(CCSprite *sp);

static void addGray(CCSpriteBatchNode *sp);

static void removeGray(CCSpriteBatchNode *sp);

private:

};

#endif

新建一个ColorUtils.cpp

#include "ColorUtils.h"

ColorUtils::ColorUtils()
{
}

ColorUtils::~ColorUtils()
{
}

void ColorUtils::addGray(CCSprite* sp)
{
    do
    {
        CCGLProgram* pProgram = CCShaderCache::sharedShaderCache()->programForKey(kCCShader_PositionTextureGray);
        sp->setShaderProgram(pProgram);
        CHECK_GL_ERROR_DEBUG();
    } while (0);
}
void ColorUtils::removeGray(CCSprite* sp)
{
    do
    {
        CCGLProgram* pProgram = CCShaderCache::sharedShaderCache()->programForKey(kCCShader_PositionTextureColor);
        sp->setShaderProgram(pProgram);
        CHECK_GL_ERROR_DEBUG();
    } while (0);
}
void ColorUtils::addGray(CCSpriteBatchNode* sp)
{
    do
    {
        CCGLProgram* pProgram = CCShaderCache::sharedShaderCache()->programForKey(kCCShader_PositionTextureGray);
        sp->setShaderProgram(pProgram);
        CHECK_GL_ERROR_DEBUG();
    } while (0);
}
void ColorUtils::removeGray(CCSpriteBatchNode* sp)
{
    do
    {
        CCGLProgram* pProgram = CCShaderCache::sharedShaderCache()->programForKey(kCCShader_PositionTextureColor);
        sp->setShaderProgram(pProgram);
        CHECK_GL_ERROR_DEBUG();
    } while (0);
}

#include "ColorUtils.h"

ColorUtils::ColorUtils()

{

}

ColorUtils::~ColorUtils()

{

}

void ColorUtils::addGray(CCSprite* sp)

{

CCGLProgram* pProgram = CCShaderCache::sharedShaderCache()->programForKey(kCCShader_PositionTextureGray);

sp->setShaderProgram(pProgram);

CHECK_GL_ERROR_DEBUG();

} while (0);

}

void ColorUtils::removeGray(CCSprite* sp)

{

CCGLProgram* pProgram = CCShaderCache::sharedShaderCache()->programForKey(kCCShader_PositionTextureColor);

sp->setShaderProgram(pProgram);

CHECK_GL_ERROR_DEBUG();

} while (0);

}

void ColorUtils::addGray(CCSpriteBatchNode* sp)

{

CCGLProgram* pProgram = CCShaderCache::sharedShaderCache()->programForKey(kCCShader_PositionTextureGray);

sp->setShaderProgram(pProgram);

CHECK_GL_ERROR_DEBUG();

} while (0);

}

void ColorUtils::removeGray(CCSpriteBatchNode* sp)

{

CCGLProgram* pProgram = CCShaderCache::sharedShaderCache()->programForKey(kCCShader_PositionTextureColor);

sp->setShaderProgram(pProgram);

CHECK_GL_ERROR_DEBUG();

} while (0);

}

使用
对于CCSprite

C++

CCSprite *sp = CCSprite::create("demo.png"); ColorUtils::addGray(sp);

1
2

CCSprite *sp = CCSprite::create("demo.png");
ColorUtils::addGray(sp);

对于CCScale9Sprite

C++

CCSpriteBatchNode *sp = (CCSpriteBatchNode*)scale9sprite->getChildren()->objectAtIndex(0); ColorUtils::addGray(sp);

1
2

CCSpriteBatchNode *sp = (CCSpriteBatchNode*)scale9sprite->getChildren()->objectAtIndex(0);
ColorUtils::addGray(sp);

remove亦然

用yum安装时提示

rpmdb: Thread/process 23317/139897112413952 failed: Thread died in Berkeley DB library
error: db3 error(-30974) from dbenv->failchk: DB_RUNRECOVERY: Fatal error, run database recovery
error: cannot open Packages index using db3 -  (-30974)
error: cannot open Packages database in /var/lib/rpm
CRITICAL:yum.main:

Error: rpmdb open failed

rpmdb: Thread/process 23317/139897112413952 failed: Thread died in Berkeley DB library

error: db3 error(-30974) from dbenv->failchk: DB_RUNRECOVERY: Fatal error, run database recovery

error: cannot open Packages index using db3 - (-30974)

error: cannot open Packages database in /var/lib/rpm

CRITICAL:yum.main:

Error: rpmdb open failed

原因是RPM数据库被破坏

重建数据库后恢复正常

cd /var/lib/rpm/
for i in `ls | grep 'db.'`;do mv $i $i.bak;done
rpm --rebuilddb
yum clean all

cd /var/lib/rpm/

for i in `ls | grep 'db.'`;do mv $i $i.bak;done

rpm --rebuilddb

yum clean all

As we all know. 苹果在iOS7.1中的Adhoc强制使用https链接,这下公司的小伙伴就不能愉快的通过内网下载安装测试包了

经过一番折腾,终于实现了自签署SSL证书让手机通过浏览器在线安装ipa

1. 环境

开发环境:Mac OS X 10.9.4+Xcode6Beta5

服务器:CentOS 6.5 x64+apache2

2. 客户端准备部署文件

a)先去developer.apple.com申请证书和描述文件(adhoc,过程略去不表)
b)将工程打包成ipa,如Demo.ipa,准备一个Icon.png和一个Icon@2x.png
c)建立Demo.plist文件

<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE plist PUBLIC "-//Apple//DTD PLIST 1.0//EN" "http://www.apple.com/DTDs/PropertyList-1.0.dtd">
<plist version="1.0">
<dict>
	<key>items</key>
	<array>
		<dict>
			<key>assets</key>
			<array>
				<dict>
					<key>kind</key>
					<string>software-package</string>
					<key>url</key>
					<string>https://www.your-domain.com/ipa/Demo.ipa</string>
				</dict>
				<dict>
					<key>kind</key>
					<string>full-size-image</string>
					<key>needs-shine</key>
					<false/>
					<key>url</key>
					<string>https://www.your-domain.com/ipa/Icon@2x.png</string>
				</dict>
				<dict>
					<key>kind</key>
					<string>display-image</string>
					<key>needs-shine</key>
					<false/>
					<key>url</key>
					<string>https://www.your-domain.com/ipa/Icon.png</string>
				</dict>
			</array>
			<key>metadata</key>
			<dict>
				<key>bundle-identifier</key>
				<string>com.superyyl.Demo</string>
				<key>bundle-version</key>
				<string>1.0</string>
				<key>kind</key>
				<string>software</string>
				<key>title</key>
				<string>Demo</string>
			</dict>
		</dict>
	</array>
</dict>
</plist>

<?xml version="1.0" encoding="UTF-8"?>

<!DOCTYPE plist PUBLIC "-//Apple//DTD PLIST 1.0//EN" "http://www.apple.com/DTDs/PropertyList-1.0.dtd">

<dict>

<key>items</key>

<array>

<dict>

<key>assets</key>

<array>

<dict>

<string>software-package</string>

<string>https://www.your-domain.com/ipa/Demo.ipa</string>

</dict>

<dict>

<string>full-size-image</string>

<key>needs-shine</key>

<string>https://www.your-domain.com/ipa/Icon@2x.png</string>

</dict>

<dict>

<string>display-image</string>

<key>needs-shine</key>

<string>https://www.your-domain.com/ipa/Icon.png</string>

</dict>

</array>

<key>metadata</key>

<dict>

<key>bundle-identifier</key>

<string>com.superyyl.Demo</string>

<key>bundle-version</key>

<string>software</string>

<key>title</key>

</dict>

</array>

</dict>

</plist>

d)上传Demo.ipa,Demo.plist,Icon.png,Icon@2x.png到/var/www/html/ipa目录下备用

3.服务端配置

a)安装openssl

#安装openssl
yum -y install mod_ssl
#确认安装成功
rpm -qa | grep openssl

#安装openssl

yum -y install mod_ssl

#确认安装成功

rpm -qa | grep openssl

b)生成证书

#建立文件夹
mkdir /etc/httpd/ssl
cd /etc/https/ssl
#用openssl选择rsa非对称算法和des3对称加密算法来制作CA证书
openssl genrsa -des3 -out my-ca.key 2048
#然后使用x509标准签署证书
openssl req -new -x509 -days 3650 -key my-ca.key -out my-ca.crt
#现在有了CA证书了，就可以用它来为我们的网站颁发ssl证书了。同制作CA证书一样，我们需要先为服务器生成密钥对
openssl genrsa -des3 -out mars-server.key 2048
#生成了密钥mars-server.key后，根据它生成csr证书文件
#这里面要注意了Common Name的值要和你的域名一致，否则后面客户端浏览器验证域名不正确会不通过的。
openssl req -new -key mars-server.key -out mars-server.csr
#下面就用CA证书来签署服务器证书了
openssl x509 -req -in mars-server.csr -out mars-server.crt -sha1 -CA my-ca.crt -CAkey my-ca.key -CAcreateserial -days 3650
#开机自动启动apache时免密码
openssl rsa -in mars-server.key -out mars-server.key.insecure

#建立文件夹

mkdir /etc/httpd/ssl

cd /etc/https/ssl

#用openssl选择rsa非对称算法和des3对称加密算法来制作CA证书

openssl genrsa -des3 -out my-ca.key 2048

#然后使用x509标准签署证书

openssl req -new -x509 -days 3650 -key my-ca.key -out my-ca.crt

#现在有了CA证书了，就可以用它来为我们的网站颁发ssl证书了。同制作CA证书一样，我们需要先为服务器生成密钥对

openssl genrsa -des3 -out mars-server.key 2048

#生成了密钥mars-server.key后，根据它生成csr证书文件

#这里面要注意了Common Name的值要和你的域名一致，否则后面客户端浏览器验证域名不正确会不通过的。

openssl req -new -key mars-server.key -out mars-server.csr

#下面就用CA证书来签署服务器证书了

openssl x509 -req -in mars-server.csr -out mars-server.crt -sha1 -CA my-ca.crt -CAkey my-ca.key -CAcreateserial -days 3650

#开机自动启动apache时免密码

openssl rsa -in mars-server.key -out mars-server.key.insecure

c)配置apache

vi /etc/httpd/conf.d/ssl.conf
#更改以下信息
SSLEngine on
SSLCertificateFile /etc/httpd/ssl/mars-server.crt
SSLCertificateKeyFile /etc/httpd/ssl/mars-server.key.insecure
SSLCACertificateFile /etc/httpd/ssl/my-ca.crt
#重启
service httpd restart

vi /etc/httpd/conf.d/ssl.conf

#更改以下信息

SSLEngine on

SSLCertificateFile /etc/httpd/ssl/mars-server.crt

SSLCertificateKeyFile /etc/httpd/ssl/mars-server.key.insecure

SSLCACertificateFile /etc/httpd/ssl/my-ca.crt

#重启

service httpd restart

d)将生成的my-ca.crt拷贝到/var/www/html/ipa目录下备用

4. Let’s Go!

a)在iOS设备上打开safari访问,https://www.your-domain.com/ipa/my-ca.crt,信任并安装
b)在iOS设备上打开safari访问,itms-services://?action=download-manifest&url=https://www.your-domain.com/ipa/Demo.plist

5. 还有什么?

a)安装设备的udid需要在描述文件里
b)做一个网页,引导用户先安装crt,再点击itms-service

<!DOCTYPE html>
<html>
<head>
	<title>Install Demo</title>
</head>
<body>
<h1>1. 安装<a href="https://www.your-domain.com/ipa/my-ca.crt">证书</a></h1>
<br/>
<h1>2. 安装<a href="itms-services://?action=download-manifest&url=https://www.your-domain.com/ipa/Demo.plist">APP</a></h1>
</body>
</html>

<!DOCTYPE html>

<html>

<head>

<title>Install Demo</title>

</head>

<body>

<br/>

</body>

</html>

爱好玩

Stay Hungry, Stay Foolish.

Author Archives: superyyl

[IDE]用Sublime Text开发属于自己的插件LuaTemplate

接上篇

Sublime Text(简称ST)

插件开发

新建插件LuaTemplate

编写插件逻辑

配置文件

入口快捷方式

跑一个

[IDE]Cocos Code IDE的Lua模板加强

前言

问题的产生

So

举一反三

[egret]简单的性能测试

官方的一条FAQ

为什么Egret开发的游戏在某些Android设备上特别卡？

[egret]白鹭引擎环境搭建

Egret是什么

优势

正题

玩命地安装…

关于egret命令

关于工具

题外话

[quick]TypingLabel打字机效果的标签

[quick]TimerLabel具有倒计时功能的Label

[quick3.x]UIButton按下弹起的缩放效果扩展

[cocos2dx]2.x中精灵变灰的shader(c++)

[Linux]使用yum提示Error: rpmdb open failed

[iOS]Adhoc在线安装环境配置(7.1+)

1. 环境

2. 客户端准备部署文件

3.服务端配置

4. Let’s Go!

5. 还有什么?